RealGrid2 API
Interface
GridHeader

GridHeader

헤더 영역의 설정 모델

Signature:

export interface GridHeader 

Remarks

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

Example

gridView.setHeader({sortable = false});

Properties

PropertyTypeDescription
checkHeightnumber헤더의 체크 박스 높이
checkWidthnumber헤더의 체크 박스 너비
exportStyleNamestringexcel로 export될때 적용될 스타일 명
filterHeightnumber헤더의 필터 핸들 높이
filterWidthnumber헤더의 필터 핸들 너비
heightnumber헤더의 높이
heightsnumber[]헤더가 여러줄일때 각행의 높이
itemGapnumber텍스트와 체크박스나 이미지와의 간격
itemOffsetnumber헤더 테두리와 체크박스나 이미지와의 간격
minHeightnumber헤더의 최소 높이
minRowHeightnumber헤더 행의 최소 높이
popupHeightnumber헤더의 팝업 메뉴 핸들 높이
popupWidthnumber헤더의 팝업 메뉴 핸들 너비
resizableboolean높이 변경 가능 여부
showPopupMenuHandleVisibility헤더에 popupMenuName이 설정된 경우 팝업 메뉴 핸들을 표시한다.
showSelectionboolean선택 영역 표시 여부
showTooltipboolean툴팁 표시 여부
sortHeightnumber헤더의 정렬 핸들 높이
sortWidthnumber헤더의 정렬 핸들 너비
styleNamestring스타일 명
visibleboolean표시 여부

Properties Desc

checkHeight

헤더의 체크 박스 높이


checkWidth

헤더의 체크 박스 너비


exportStyleName

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


filterHeight

헤더의 필터 핸들 높이


filterWidth

헤더의 필터 핸들 너비


height

헤더의 높이

Remarks:

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

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

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

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

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

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


heights

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

Remarks:

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

Example:

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

itemGap

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


itemOffset

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


minHeight

헤더의 최소 높이


minRowHeight

헤더 행의 최소 높이


popupHeight

헤더의 팝업 메뉴 핸들 높이


popupWidth

헤더의 팝업 메뉴 핸들 너비


resizable

높이 변경 가능 여부

Remarks:

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


showPopupMenu

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


showSelection

선택 영역 표시 여부

Remarks:

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


showTooltip

툴팁 표시 여부

Remarks:

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


sortHeight

헤더의 정렬 핸들 높이


sortWidth

헤더의 정렬 핸들 너비


styleName

스타일 명


visible

표시 여부