# Customizing the Selection Cells

The cells [`select`](https://www.telerik.com/kendo-react-ui-develop/components/grid/api/gridcellssettings#select) property provides the option to customize the group header, group footer, and data cells of each selected cell.

<CtaPanelOverview></CtaPanelOverview>

In the following example, custom selection cells are rendered for different parts of the Grid. The data selection cells use `MySelectedCustomCell`, while the selected grouped headers and footers are rendered with `MySelectedHeaderCustomCell` and `MySelectedFooterCustomCell`.

[Demo Source](https://demos.telerik.com/kendo-react-ui/grid/grid-custom-cell/selection/func/source.txt)

## KendoReact Grid Custom Cells APIs

* [Grid Cells Prop](https://www.telerik.com/kendo-react-ui-develop/components/grid/api/gridprops#cells)
* [GridColumn Cells Prop](https://www.telerik.com/kendo-react-ui-develop/components/grid/api/gridcolumnprops#cells)
* [API Reference of the GridCellsSettings](https://www.telerik.com/kendo-react-ui-develop/components/grid/api/gridcellssettings)

## Suggested Links

* [Custom Cells Overview](https://www.telerik.com/kendo-react-ui-develop/components/grid/cells)