Gridfooter

Single setup model for footer area

Signature:

export interface GridFooter extends GridSummaryObject

Extends: GridSummaryObject

Remarks

Grid automatically creates a footer if there is no separate setting, and GridBase.footer returns the first footer.

Change properties using setFooter() or GridBase.footer Use to specify only the desired properties.

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

Property	Type	Description
cellStyleCallback	CellStyleCallback	Callback to specify cell style

Property	Type	Description
footerIndex	number	Order within the collection of footers
height	number	height
heights	number[]	Specifies the height of each TR of the footer row consisting of multiple rows as an array.
minHeight	number	Minimum Height
styleName	string	style class name
value	any	Stores the value calculated from valueCallback or expression.
visible	boolean	Visibility

Callbacks for specifying cell styles

Remarks:

It can be specified as a CSS class name in string form or in the form of ColumnSummaryStyleObject.

Example:

// Apply footer
const f = function (grid, cell) {
 if (cell.value > 10) {
 return {
 styleName: 'custom-footer'
 }
 }
}
footer.cellStyleCallback = f;

Order within the collection of footers

Type - number

Type - number

Remarks:

If it is 0, it is automatically calculated and specified. If it is 0 or more, compare it to minHeight and specify a larger value.

Specifies the height of each TR of the footer row consisting of multiple rows as an array.

Type - number[]

Remarks:

If heights is specified, height is ignored.

minimum height

Type - number

style class name

Type - string

Stores the value calculated from valueCallback or expression.

Type - any

Visibility

Type - boolean