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

Properties

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

Properties Desc

footerIndex

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

Type - number

height

높이

Type - number

Remarks:

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

heights

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

Type - number[]

Remarks:

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

minHeight

최소 높이

Type - number

styleName

스타일 클래스 이름

Type - string

value

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

Type - any

visible

표시 여부

Type - boolean

GridExportOptions GridFooterCollection