Gridfooter

푸터 영역의 단일 설정 모델

Signature:

export interface GridFooter extends GridSummaryObject

Extends: GridSummaryObject

Remarks

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

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

Example

gridView.setFooter({styleName: 'custom-footer'});
// 또는
gridView.footer.styleName = 'custom-footer';

Events

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

Properties

Property	Modifiers	Type	Description
footerIndex	`readonly`	number	푸터의 콜렉션 내에서의 순서
height		number	높이
heights		number[]	여러행으로 구성된 footer Row의 TR별 높이를 배열로 지정한다.
minHeight		number	최소 높이
styleName		string	스타일 클래스 이름
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-footer'
         }
     }
}
footer.cellStyleCallback = f;

Properties Desc

footerIndex

푸터의 콜렉션 내에서의 순서

height

높이

Remarks:

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

heights

여러행으로 구성된 footer Row의 TR별 높이를 배열로 지정한다.

Remarks:

heights가 지정되면 height는 무시된다.

minHeight

최소 높이

styleName

스타일 클래스 이름

value

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

visible

표시 여부

GridExportOptions GridFooterCollection