CellClassProps

Defines event arguments for applying custom CSS classes to the cells in the Syncfusion React Data Grid. Provides metadata to dynamically style cells based on cell type, column configuration, row data, or row position. Used to customize the visual appearance of individual cells during rendering.

Props

The following table outlines the props for the CellClassProps:

NameTypeDefaultDescription
cellType
string | CellType
-

Type of the cell: Header, Content, or Aggregate. Useful for applying different styles based on cell category.

column
ColumnProps
-

Represents the column configuration associated with the cell. Includes metadata such as field, type, format, and other column-specific properties. Enables conditional styling logic to the cell based on column attributes.

data
T
-

Contains the complete data object for the row containing the cell. Enables conditional styling logic based on any field value within the row. Useful for dynamic styling to the cell based on business rules or row data context.

rowIndex
number
-

Specifies the zero-based index of the row in the grid. Identifies the row’s position, enabling row-specific styling such as alternating row colors. Used for applying CSS classes to the cell based on row position or sequence.