Columnheader

그리드 헤더 영역에 표시되는 컬럼 헤더에 대한 설정 정보 모델

Signature:

export interface ColumnHeader extends ColumnObject

Extends: ColumnObject

Remarks

GridColumn.header 에서 사용한다.

[상위 클래스]

ColumnObject

Example

let col = grid.columnByName('col1')
col.header.checkLocation = 'leftEdge';

Properties

Property	Type	Description
checkLocation	ColumnHeaderItemLocation	헤더 문자열을 기준으로한 체크박스의 위치
exportStyleName	string	excel로 export될때 적용될 스타일 명
itemGap	number	헤더 문자열과 이미지나 체크박스와의 간격
itemOffset	number	이미지나 체크박스와 셀 경계와의 공백
localeText	ConfigObject	다국어를 사용하는 경우 사용한다.
showTooltip	boolean	툴팁 표시 여부
styleName	string	스타일 클래스 이름
templateCallback	RealizeHeaderCallback	ColumnObject.template에 특정 문자열을 교체해서 표시할때 사용
templateEvents	HeaderTemplateEvent \| HeaderTemplateEvent[]	ColumnObject.template으로 추가한 element에 event를 설정할때 사용
text	string	컬럼 헤더에 표시될 문자열
tooltip	string	표시할 툴팁 메시지
tooltipEllipsisOnly	boolean	ellipsis상태인 셀의 툴팁 표시여부 `true`로 설정하면 grid.header.tooltipEllipsisOnly를 설정하지 않아도 ellipsis상태인 셀에 tooltip이 표시된다.
useCheckImage	boolean	헤더의 체크박스를 image를 이용해서 표시한다.

Properties Desc

checkLocation

헤더 문자열을 기준으로한 체크박스의 위치

Type - ColumnHeaderItemLocation

exportStyleName

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

Type - string

itemGap

헤더 문자열과 이미지나 체크박스와의 간격

Type - number

itemOffset

이미지나 체크박스와 셀 경계와의 공백

Type - number

localeText

다국어를 사용하는 경우 사용한다.

Type - ConfigObject

Example:

gridView.setColumns([
  { fieldName: "fieldName",
    name: "columnName",
    text: "기본",
    localeText: {
      "ko": "한국",
      "en": "영어",
      "en-CA": "영어-캐나다"
    }
  }
])

showTooltip

툴팁 표시 여부

Type - boolean

Remarks:

grid.header.showTooltip이 undefined이면 column.header.showTooltip이 true인 컬럼만 tooltip을 표시한다. grid.header.showTooltip이 true이면 column.header.showTooltip이 undefined이거나 true인 컬럼의 tooltip을 표시한다. grid.header.showTooltip이 false인경우 표시되지 않는다.

styleName

스타일 클래스 이름

Type - string

templateCallback

ColumnObject.template에 특정 문자열을 교체해서 표시할때 사용

Type - RealizeHeaderCallback

Remarks:

values에 없는 문자열인 경우 호출된다.

templateEvents

ColumnObject.template으로 추가한 element에 event를 설정할때 사용

Type - HeaderTemplateEvent | HeaderTemplateEvent[]

text

컬럼 헤더에 표시될 문자열

Type - string

Remarks:

이 값이 null 이면 컬럼에 연결된 데이터필드 이름을 표시한다. 데이터필드가 연결되지 않았다면 컬럼의 이름을 표시한다.

tooltip

표시할 툴팁 메시지

Type - string

Remarks:

지정되지 않으면 text를 표시한다.

tooltipEllipsisOnly

ellipsis상태인 셀의 툴팁 표시여부

true로 설정하면 grid.header.tooltipEllipsisOnly를 설정하지 않아도 ellipsis상태인 셀에 tooltip이 표시된다.

Type - boolean

useCheckImage

헤더의 체크박스를 image를 이용해서 표시한다.

Type - boolean

ColumnFooterCollection ColumnHeaderSummary