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 | 헤더 테두리와 체크박스나 이미지와의 간격 |
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
미만: 브라우저가 계산한 높이
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
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