GS인증 AUIGrid v3.0.16

헤더의 텍스트를 개행해서 2줄로 표현한 데모입니다.

개행해서 2줄로 표현하는 방법은 headerHeight 속성을 원하는 크기로 설정한 후, 칼럼 레이아웃을 정의할 때 headerText 값에 개행태그(BR 태그)를 삽입하면 가능합니다.

// 그리드 속성 설정
const gridProps = {
	// 헤더 높이 지정
	headerHeight : 40,
	...
};

// 그리드 칼럼 레이아웃 설정
const columnLayout = [{
	dataField : "name",
	headerText : "Name<br />(이름)",
	width : 140
	...
};

엑셀(xlsx)로 저장

헤더 텍스트 BR 태그가 아닌 자동 개행으로 스타일 적용 데모 보기