# Footer Template

The Kendo UI for Vue Grid enables you to customize the rendering of its footer cells with the `cells` prop.

To implement a custom footer cell:

1. Set [`cells`](https://www.telerik.com/kendo-vue-ui-develop/components/grid/api/gridprops#cells) on the Grid to customize footer cells in all columns.
2. Set [`cells`](https://www.telerik.com/kendo-vue-ui-develop/components/grid/api/gridcolumnprops#cells) on a column to customize the footer cell in that column.

Set `footerCell` in `cells` to a named slot or a Vue component. The Grid renders a footer row when a column or the Grid defines a footer cell. For the available footer-cell properties, see the [`GridCustomFooterCellProps` API](https://www.telerik.com/kendo-vue-ui-develop/components/grid/api/gridcustomfootercellprops).

The following example uses a named slot to customize the footer cell in the `UnitPrice` column.

[Demo Source](https://demos.telerik.com/kendo-vue-ui/grid/custom-rendering/footer/slot/source.txt)

> For applications on earlier Grid versions that still use `footerCell`, see [Use Legacy Grid Templates](https://www.telerik.com/kendo-vue-ui-develop/components/knowledge-base/grid-legacy-header-footer-filter-templates).

## Suggested Links

* [API Reference of the Grid](https://www.telerik.com/kendo-vue-ui-develop/components/grid/api/gridprops)
* [API Index of the Grid](https://www.telerik.com/kendo-vue-ui-develop/components/grid/api)
* [Add Multi-row Footer to the Grid ](https://www.telerik.com/kendo-vue-ui-develop/components/knowledge-base/grid-add-multi-row-footer)