Represents the props of the GridCell component.

className? string

The custom CSS classes of the cells.

columnIndex? number

The index of all rendered columns.

columnsCount? number

The number of rendered columns in the Grid.

dataIndex number

dataItem any

The data object that represents the current row.

editor? "text" | "numeric" | "boolean" | "date"

The type of the editor which will be used when the cell is in edit mode.

expanded? boolean

The expanded value of the cell when hierarchy or grouping are used.

field? string

The field to which the cell is bound (see example).

format? string

The format that is applied to the value before the value is displayed. Takes the {0:format} form where format is a standard number format, a custom number format, a standard date format, or a custom date format. For more information on the supported date and number formats, refer to the kendo-intl documentation.

onChange? (event: { dataItem: any; field?: string; syntheticEvent: SyntheticEvent; value?: any; }) => void

The event that is fired when the cell value is changed.

render? (defaultRendering: ReactElement | null, props: GridCellProps) => ReactElement | null

The method for rendering the cell.

rowType? GridRowType

The type of the row.

selectionChange? (event: { syntheticEvent: SyntheticEvent; }) => void

The event that is fired when the cell is selected.

style CSSProperties

The styles for the cell