GridCustomCellProps

The properties of the default Grid Cell.

Name	Type	Default	Description
ariaColumnIndex	number		The index to be applied to the aria-colindex attribute.
cells?	GridCellsSettings		Defines a set of custom cell components that the Grid will render instead of the default cell.
children?	ReactNode | ReactNode[]		The default children of the table cell.
className?	string		The custom CSS classes of the cells.
colSpan?	number		The column span of the cell.
columnIndex?	number		The index of the column in the rendered columns collection. Optional.
columnsCount?	number		The total number of rendered columns in the Grid. Optional.
dataIndex	number		The zero-based index of the data item in the data collection.
dataItem	any		The data item which corresponds to the current row.
editor?	"boolean" | "text" | "date" | "numeric"		Specifies the type of editor to be used when the cell is in edit mode. Supported values are text, numeric, boolean, and date.
expanded?	boolean		The expanded value of the cell.
field?	string		The field to which the cell is bound.
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.
isAlt?	boolean		Indicates if the cell is alt.
isSelected	boolean		Indicates if the cell is selected.
isSorted?	boolean		Indicates if the cell is sorted.
onChange?	(event: { dataIndex: number; dataItem: any; field?: string; syntheticEvent: SyntheticEvent<any>; value?: any; }) => void		Triggered when the cell value is changed. Provides details about the change event.
onContextMenu?	(event: MouseEvent<HTMLElement>, dataItem: any, field?: string) => void		Triggered when the ContextMenu is activated on the cell. Provides the event object, data item, and field name.
render?	(defaultRendering: "null" | ReactElement<HTMLTableCellElement>, props: GridCellProps) => "null" | ReactElement<HTMLTableCellElement>		A function to override the default rendering of the cell. Accepts the default rendering and props as arguments and returns a React element.
rowType?	GridRowType		Specifies the type of the row (e.g., data row, group header, etc.). Optional.
selectionChange?	(event: { syntheticEvent: SyntheticEvent<any>; }) => void		Triggered when the cell is selected. Provides the event object.
style?	React.CSSProperties		The styles for the cell.
td2Props?	"null" | TdHTMLAttributes<HTMLTableCellElement>		The props and attributes that are applied to the second td. Such element is rendered in very rare cases when we have grouping and sticky columns.
tdProps?	"null" | TdHTMLAttributes<HTMLTableCellElement>		The props and attributes that are applied to the td element by default.