GridCellsSettings

The settings of the cells prop options.

Name	Type	Default	Description
data?	ComponentType<GridCustomCellProps>		Custom component for rendering the data cell. tsx import { MyDataCell } from './MyDataCell'; <Grid cells={{ data: MyDataCell }} />
edit?	{ boolean?: ComponentType<GridCustomCellProps>; date?: ComponentType<GridCustomCellProps>; numeric?: ComponentType<GridCustomCellProps>; text?: ComponentType<GridCustomCellProps>; }		Custom cell components for edit columns. tsx import { MyTextEditCell } from './MyTextEditCell'; <Grid cells={{ edit: { text: MyTextEditCell } }} />
filterCell?	ComponentType<GridCustomFilterCellProps>		Custom component for rendering the filter cell. tsx import { MyFilterCell } from './MyFilterCell'; <Grid cells={{ filterCell: MyFilterCell }} />
footerCell?	ComponentType<GridCustomFooterCellProps>		Custom component for rendering the footer cell. tsx import { MyFooterCell } from './MyFooterCell'; <Grid cells={{ footerCell: MyFooterCell }} />
group?	{ data?: ComponentType<GridCustomCellProps>; groupFooter?: ComponentType<GridCustomCellProps>; groupHeader?: ComponentType<GridCustomCellProps>; }		Custom cell components for group columns. tsx import { MyGroupDataCell } from './MyGroupDataCell'; <Grid cells={{ group: { data: MyGroupDataCell } }} />
groupFooter?	ComponentType<GridCustomCellProps>		Custom component for rendering the group footer cell. tsx import { MyGroupFooterCell } from './MyGroupFooterCell'; <Grid cells={{ groupFooter: MyGroupFooterCell }} />
groupHeader?	ComponentType<GridCustomCellProps>		Custom component for rendering the group header cell. tsx import { MyGroupHeaderCell } from './MyGroupHeaderCell'; <Grid cells={{ groupHeader: MyGroupHeaderCell }} />
headerCell?	ComponentType<GridCustomHeaderCellProps>		Custom component for rendering the header cell. tsx import { MyHeaderCell } from './MyHeaderCell'; <Grid cells={{ headerCell: MyHeaderCell }} />
hierarchy?	{ data?: ComponentType<GridCustomCellProps>; groupFooter?: ComponentType<GridCustomCellProps>; groupHeader?: ComponentType<GridCustomCellProps>; }		Custom cell components for hierarchy columns. tsx import { MyHierarchyDataCell } from './MyHierarchyDataCell'; <Grid cells={{ hierarchy: { data: MyHierarchyDataCell } }} />
select?	{ data?: ComponentType<GridCustomCellProps>; groupFooter?: ComponentType<GridCustomCellProps>; groupHeader?: ComponentType<GridCustomCellProps>; }		Custom cell components for selection columns. tsx import { MySelectDataCell } from './MySelectDataCell'; <Grid cells={{ select: { data: MySelectDataCell } }} />