# Cell Template

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

To implement a custom cell:

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

Set the `data` option of `cells` to a named slot or a Vue component. To use a named slot, set `data` to the slot name and use the cell props that the Grid provides. To reuse a custom cell, set `data` to a Vue component. For the available cell types and their options, see the [`GridCellsSettings` API](https://www.telerik.com/kendo-vue-ui-develop/components/grid/api/gridcellssettings) and the [`GridCustomCellProps` API](https://www.telerik.com/kendo-vue-ui-develop/components/grid/api/gridcustomcellprops).

The following example uses a named slot to render all data cells through the `cells` prop.

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

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

## Suggested Links

* [Add Action Button with Popup to a Grid Row](https://www.telerik.com/kendo-vue-ui-develop/components/knowledge-base/grid-add-action-button-with-popup)
* [Grid with Custom Template, Row Details and Grouping](https://www.telerik.com/kendo-vue-ui-develop/components/knowledge-base/grid-details-template-with-grouping)
* [Merge Rows in Grid](https://www.telerik.com/kendo-vue-ui-develop/components/knowledge-base/merge-rows-in-grid)
* [Render HTML in the Grid](https://www.telerik.com/kendo-vue-ui-develop/components/knowledge-base/render-html-in-native-grid)
* [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)
