• What is KendoReact
  • Getting Started
  • Unstyled Mode
  • Server Components
  • Components
    • Animation
    • Barcodes
    • Buttons
    • Chart Wizardnew
    • Chartsupdated
    • Common Utilities
    • Conversational UIupdated
    • Data Gridupdated
    • Data Query
    • Data Toolsupdated
    • Date Inputs
    • Date Math
    • Dialogsupdated
    • Drawing
    • Dropdowns
    • Editor
    • Excel Export
    • File Saver
    • Form
    • Gantt
    • Gauges
    • Indicators
    • Inputsupdated
    • Labels
    • Layoutupdated
    • ListBoxupdated
    • ListView
    • Map
    • Notification
    • OrgChart
    • PDF Processing
    • PDF Viewer
    • PivotGrid
    • Popup
    • Progress Bars
    • Ripple
    • Schedulerupdated
    • ScrollView
    • Sortable
    • Spreadsheet
    • TaskBoard
    • Tooltips
    • TreeList
    • TreeViewupdated
    • Upload
  • Sample Applications
  • Styling & Themes
  • Common Features
  • Project Setup
  • Knowledge Base
  • Changelog
  • Updates
  • Troubleshooting

GridCellProps

Represents the props of the GridCell component (more information).

NameTypeDefaultDescription

ariaColumnIndex

number

The index to be applied to the aria-colindex attribute.

cells?

GridCellsSettings

Sets a set of cells components that the Grid will render instead of the built-in 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.

columnsCount?

number

The number of rendered columns in the Grid.

dataIndex

number

Zero-based index of the dataItem.

dataItem

any

The data item which corresponds to the current row.

editor?

"boolean" | "text" | "date" | "numeric"

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

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

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

onContextMenu?

(event: MouseEvent<HTMLElement>, dataItem: any, field?: string) => void

The event that is fired when the ContextMenu is activated.

render?

(defaultRendering: "null" | ReactElement<HTMLTableCellElement>, props: GridCellProps) => "null" | ReactElement<HTMLTableCellElement>

A function for overriding the default rendering of the cell.

rowType?

GridRowType

The type of the row.

selectionChange?

(event: { syntheticEvent: SyntheticEvent<any>; }) => void

The event that is fired when the cell is selected.

style?

React.CSSProperties

The styles for the cell.