{/* Do not edit this file. It is automatically generated by API Documenter. */}


## GridFooter

Single setup model for footer area

**Signature:**

```typescript
export interface GridFooter extends GridSummaryObject
```
**Extends:** GridSummaryObject

## Remarks

Grid automatically creates a footer if there is no separate setting, and [GridBase.footer](/refs/Class/GridBase#footer){/* */} returns the first footer.

Change properties using [setFooter()](/refs/Class/GridBase#setfooter){/* */} or [GridBase.footer](/refs/Class/GridBase#footer){/* */} Use to specify only the desired properties.

## Example


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

## Events

| Property | Type | Description |
| --- | --- | --- |
| [cellStyleCallback](/refs/Interface/GridFooter#cellstylecallback) | [CellStyleCallback](/refs/realgrid#cellstylecallback) | Callback to specify cell style |

## Properties

| Property | Type | Description |
| --- | --- | --- |
| [footerIndex](/refs/Interface/GridFooter#footerindex) | number | Order within the collection of footers |
| [height](/refs/Interface/GridFooter#height) | number | height |
| [heights](/refs/Interface/GridFooter#heights) | number\[\] | Specifies the height of each TR of the footer row consisting of multiple rows as an array. |
| [minHeight](/refs/Interface/GridFooter#minheight) | number | Minimum Height |
| [styleName](/refs/Interface/GridFooter#stylename) | string | style class name |
| [value](/refs/Interface/GridFooter#value) | any | Stores the value calculated from valueCallback or expression. |
| [visible](/refs/Interface/GridFooter#visible) | boolean | Visibility |

## Events Desc

### cellStyleCallback

Callbacks for specifying cell styles

`Type` - [CellStyleCallback](/refs/realgrid#cellstylecallback)

**Remarks:**

It can be specified as a CSS class name in `string` form or in the form of [ColumnSummaryStyleObject](/refs/Interface/ColumnSummaryStyleObject).

**Example:**


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

<hr/>

## Properties Desc

### footerIndex

Order within the collection of footers

`Type` - number

<hr/>

### height

height

`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.

<hr/>

### heights

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.

<hr/>

### minHeight

minimum height

`Type` - number

<hr/>

### styleName

style class name

`Type` - string

<hr/>

### value

Stores the value calculated from valueCallback or expression.

`Type` - any

<hr/>

### visible

Visibility

`Type` - boolean

<hr/>