GridCustomCellProps

The index applied to the aria-colindex attribute.

Defines a set of custom cell components that the Grid will render instead of the default cell.

The default children of the table cell.

Custom CSS classes for the cell.

The column span of the cell.

The index of the column in the rendered columns collection. Optional.

The total number of rendered columns in the Grid. Optional.

Pre-calculated column span for the content cell of this group column. Applicable only when groupable.displayMode is 'multipleColumns' or 'singleColumn' and rowType is 'groupFooter' or 'groupHeader'. Use this in the colSpan attribute of the cell containing the main group content.

The zero-based index of the data item in the data collection.

The data item for the current row.

Specifies the type of editor to be used when the cell is in edit mode. Supported values are text, numeric, boolean, and date.

Indicates if the cell is expanded.

The data field that the cell binds to.

The format applied to the value before display. 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.

Looks up the rendered column index of a leaf column by its field, among the columns that come after this group column's own cell (the same columns covered by trailingGroupColumnSpan). Use this to align filler/aggregate cells rendered by a custom groupColumn.cells.groupHeader / groupColumn.cells.groupFooter template with a specific data column, without hardcoding column counts or positions. Applicable only when groupable.displayMode is 'multipleColumns' or 'singleColumn' and rowType is 'groupFooter' or 'groupHeader'. Returns undefined if the specified field is not among the rendered columns.

The built-in group-level selection checkbox, when the Grid has a checkbox selection column configured. Render this wherever you want the checkbox to appear inside a custom groupColumn.cells.groupHeader component instead of reimplementing the selection state and toggle handling yourself. undefined when there is no checkbox selection column, or for groupFooter cells (which never render a checkbox).

Indicates if the cell is alt.

Indicates if the cell is selected.

Indicates if the cell is sorted.

Indicates that this invocation of the custom groupColumn.cells.groupHeader / groupColumn.cells.groupFooter component is for a "filler" cell position that carries no content of its own, rather than the level's real toggle/value content cell — ancestor-level spacer columns when groupable.displayMode is 'multipleColumns', or (when displayMode is 'default') ancestor-level indent cells on the group-header row and every cell on the group-footer row. Check this flag to render simplified/blank content for such positions instead of the level's normal group header/footer content.

Pre-calculated column span for ancestor-level group columns (columns before this group level). Applicable only when groupable.displayMode is 'multipleColumns' or 'singleColumn' and rowType is 'groupFooter' or 'groupHeader'. Use this in the colSpan attribute of ancestor-level spacer cells.

Triggered when the cell value is changed. Provides details about the change event.

Triggered when the ContextMenu is activated on the cell. Provides the event object, data item, and field name.

Specifies the type of the row (e.g., data row, group header, etc.). Optional.

Triggered when the cell is selected. Provides the event object.

Inline styles for the cell.

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.

The props and attributes that are applied to the td element by default.

Pre-calculated column span for descendant-level group columns (columns after this group level). Applicable only when groupable.displayMode is 'multipleColumns' or 'singleColumn' and rowType is 'groupFooter' or 'groupHeader'. Use this in the colSpan attribute of descendant-level spacer cells.