GridHeader
헤더 영역의 설정 모델
Signature:
export interface GridHeader Remarks
GridBase.setHeader() 사용시 필요한 정보만 입력하면 된다.
Example
gridView.setHeader({sortable = false});Properties
| Property | Type | Description |
|---|---|---|
| checkHeight | number | 헤더의 체크 박스 높이 |
| checkWidth | number | 헤더의 체크 박스 너비 |
| exportStyleName | string | excel로 export될때 적용될 스타일 명 |
| filterHeight | number | 헤더의 필터 핸들 높이 |
| filterWidth | number | 헤더의 필터 핸들 너비 |
| height | number | 헤더의 높이 |
| heights | number[] | 헤더가 여러줄일때 각행의 높이 |
| itemGap | number | 텍스트와 체크박스나 이미지와의 간격 |
| itemOffset | number | 헤더 테두리와 체크박스나 이미지와의 간격 |
| maxRowHeight | number | 헤더 행의 최대 높이 |
| minHeight | number | 헤더의 최소 높이 |
| minRowHeight | number | 헤더 행의 최소 높이 |
| popupHeight | number | 헤더의 팝업 메뉴 핸들 높이 |
| popupWidth | number | 헤더의 팝업 메뉴 핸들 너비 |
| resizable | boolean | 높이 변경 가능 여부 |
| showPopupMenu | HandleVisibility | 헤더에 popupMenuName이 설정된 경우 팝업 메뉴 핸들을 표시한다. |
| showSelection | boolean | 선택 영역 표시 여부 |
| showTooltip | boolean | 툴팁 표시 여부 |
| sortHeight | number | 헤더의 정렬 핸들 높이 |
| sortWidth | number | 헤더의 정렬 핸들 너비 |
| styleName | string | 스타일 명 |
| tooltipEllipsisOnly | boolean | ellipsis상태인 셀의 툴팁 표시여부 |
| visible | boolean | 표시 여부 |
Properties Desc
checkHeight
헤더의 체크 박스 높이
Type - number
checkWidth
헤더의 체크 박스 너비
Type - number
exportStyleName
excel로 export될때 적용될 스타일 명
Type - string
filterHeight
헤더의 필터 핸들 높이
Type - number
filterWidth
헤더의 필터 핸들 너비
Type - number
height
헤더의 높이
Type - number
Remarks:
-
0: 기본 스타일로 tr의 높이를 계산해서 지정(table row의 최소 높이가 됨), 전체 헤더 높이가 커지면 row들이 다 표시되도록 element container의 높이를 보정한다. -
0초과: 지정한 높이로 전체 높이를 설정, tr 높이는 minRowHeight 높이로 설정한다. container 높이가 tr들의 높이합보다 큰 경우 배분한다. container 높이를 보정하지 않는다. -
0미만: 브라우저가 계산한 높이 //deprecated
heights 속성에 각 table row의 높이를 지정할 수 있다.
전체 높이가 minHeight보다 작을 수 없다.
개별 tr의 높이는 minRowHeight보다 작을 수 없다.
heights
헤더가 여러줄일때 각행의 높이
Type - number[]
Remarks:
각 table row의 높이를 지정한다.
Example:
gridView.header.heights = [50, 30, 30]itemGap
텍스트와 체크박스나 이미지와의 간격
Type - number
itemOffset
헤더 테두리와 체크박스나 이미지와의 간격
Type - number
maxRowHeight
헤더 행의 최대 높이
Type - number
minHeight
헤더의 최소 높이
Type - number
minRowHeight
헤더 행의 최소 높이
Type - number
popupHeight
헤더의 팝업 메뉴 핸들 높이
Type - number
popupWidth
헤더의 팝업 메뉴 핸들 너비
Type - number
resizable
높이 변경 가능 여부
Type - boolean
Remarks:
사용자가 헤더 왼쪽 셀의 위쪽을 마우스 드래깅해서 헤더의 높이를 변경하게 할 것인지의 여부
showPopupMenu
헤더에 popupMenuName이 설정된 경우 팝업 메뉴 핸들을 표시한다.
Type - HandleVisibility
showSelection
선택 영역 표시 여부
Type - boolean
Remarks:
true 시 데이터 선택 영역에 맞춰 관련된 셀들에 선택 영역을 지정한다.
showTooltip
툴팁 표시 여부
Type - boolean
Remarks:
값이 undefined인경우 ColumnHeader.showTooltip이 true인 컬럼의 tooltip만 표시된다.
sortHeight
헤더의 정렬 핸들 높이
Type - number
sortWidth
헤더의 정렬 핸들 너비
Type - number
styleName
스타일 명
Type - string
tooltipEllipsisOnly
ellipsis상태인 셀의 툴팁 표시여부
Type - boolean
visible
표시 여부
Type - boolean