Cell Template

Updated on Aug 14, 2026

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

To implement a custom cell:

1. Set the cells prop of the Grid to customize cells in all columns.
2. Set the 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 and the GridCustomCellProps API.

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

Loading ...

For applications on earlier Grid versions that still use cellRender or cell, see Use Legacy Grid Templates.

Suggested Links

• Add Action Button with Popup to a Grid Row
• Grid with Custom Template, Row Details and Grouping
• Merge Rows in Grid
• Render HTML in the Grid
• API Reference of the Grid
• API Index of the Grid