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	Modifiers	Type	Description
cellStyleCallback		CellStyleCallback	셀 스타일을 지정하기 위한 콜백

Properties

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

Events Desc

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

높이

Remarks:

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

minHeight

최소 높이

styleName

스타일 클래스 이름

summaryIndex

summary 콜렉션 내에서의 순서

value

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

visible

표시 여부

GroupSummary HeaderSummaryCollection