GridHeader

헤더 영역의 설정 모델

상세 설명

GridBase.setHeader() 사용시 필요한 정보만 입력하면 된다.

예제 코드

gridView.setHeader({sortable = false});

프로퍼티 정보

checkHeight


checkHeight: number

헤더의 체크 박스 높이

기본값

16

checkWidth


checkWidth: number

헤더의 체크 박스 너비

기본값

16

exportStyleName


exportStyleName: string

excel로 export될때 적용될 스타일 명

filterHeight


filterHeight: number

헤더의 필터 핸들 높이

기본값

16

filterWidth


filterWidth: number

헤더의 필터 핸들 너비

기본값

16

height


height: number

헤더의 높이

상세 설명

1. 0: 기본 스타일로 tr의 높이를 계산해서 지정(table row의 최소 높이가 됨), 전체 헤더 높이가 커지면 row들이 다 표시되도록 element container의 높이를 보정한다.

2. 0 초과: 지정한 높이로 전체 높이를 설정, tr 높이는 minRowHeight 높이로 설정한다. container 높이가 tr들의 높이합보다 큰 경우 배분한다. container 높이를 보정하지 않는다.

3. 0 미만: 브라우저가 계산한 높이

heights 속성에 각 table row의 높이를 지정할 수 있다.

전체 높이가 minHeight보다 작을 수 없다.

개별 tr의 높이는 minRowHeight보다 작을 수 없다.

기본값

0

heights


heights: number[]

헤더가 여러줄일때 각행의 높이

상세 설명

각 table row의 높이를 지정한다.

예제 코드

gridView.header.heights = [50, 30, 30]

itemGap


itemGap: number

텍스트와 체크박스나 이미지와의 간격

기본값

2

itemOffset


itemOffset: number

헤더 테두리와 체크박스나 이미지와의 간격

기본값

2

minHeight


minHeight: number

헤더의 최소 높이

기본값

23

minRowHeight


minRowHeight: number

헤더 행의 최소 높이

기본값

21

popupHeight


popupHeight: number

헤더의 팝업 메뉴 핸들 높이

기본값

16

popupWidth


popupWidth: number

헤더의 팝업 메뉴 핸들 너비

기본값

16

resizable


resizable: boolean

높이 변경 가능 여부

상세 설명

사용자가 헤더 왼쪽 셀의 위쪽을 마우스 드래깅해서 헤더의 높이를 변경하게 할 것인지의 여부

기본값

false

showPopupMenu


showPopupMenu: HandleVisibility

헤더에 popupMenuName이 설정된 경우 팝업 메뉴 핸들을 표시한다.

showSelection


showSelection: boolean

선택 영역 표시 여부

상세 설명

true 시 데이터 선택 영역에 맞춰 관련된 셀들에 선택 영역을 지정한다.

기본값

false

showTooltip


showTooltip: boolean

툴팁 표시 여부

상세 설명

값이 undefined인경우 ColumnHeader.showTooltiptrue인 컬럼의 tooltip만 표시된다.

기본값

false

sortHeight


sortHeight: number

헤더의 정렬 핸들 높이

기본값

16

sortWidth


sortWidth: number

헤더의 정렬 핸들 너비

기본값

16

styleName


styleName: string

스타일 명

visible


visible: boolean

표시 여부