Headersummary

Header Summary 영역의 단일 설정 모델

Signature:

export interface HeaderSummary extends GridSummaryObject

Extends: GridSummaryObject

Remarks

그리드는 별도의 설정이 없는 경우 하나의 summary를 자동으로 생성하고 GridBase.headerSummary는 첫번째 summary를 반환한다..

setHeaderSummary()를 이용해서 속성을 변경하거나 또는 GridBase.headerSummary를 이용해서 원하는 속성만 지정한다.

Example

gridView.setHeaderSummary({styleName: 'custom-hsummary-1'});
// 또는
gridView.headerSummary.styleName = 'custom-hsummary-1';

Events

Property	Type	Description
cellStyleCallback	CellStyleCallback	셀 스타일을 지정하기 위한 콜백

Properties

Property	Type	Description
height	number	높이
minHeight	number	최소 높이
styleName	string	스타일 클래스 이름
summaryIndex	number	summary 콜렉션 내에서의 순서
value	any	valueCallback 또는 expression에서 계산한 값을 보관한다.
visible	boolean	표시 여부

Events Desc

cellStyleCallback

셀 스타일을 지정하기 위한 콜백

Type - CellStyleCallback

Remarks:

string 형태의 css 클래스 명 또는 ColumnSummaryStyleObject 형태로 지정가능하다.

Example:

// 푸터 적용
const f = function (grid, cell) {
     if (cell.value > 10) {
         return {
             styleName: 'custom-summary'
         }
     }
}
headerSummary.cellStyleCallback = f;

Properties Desc

height

높이

Type - number

Remarks:

0이면 자동으로 계산하여 지정한다. 0 이상이면 minHeight와 비교하여 더 큰 값으로 지정한다.

minHeight

최소 높이

Type - number

styleName

스타일 클래스 이름

Type - string

summaryIndex

summary 콜렉션 내에서의 순서

Type - number

value

valueCallback 또는 expression에서 계산한 값을 보관한다.

Type - any

visible

표시 여부

Type - boolean

GridViewConfig HeaderSummaryCollection