What is KendoReact
Using KendoReact Free
AI Components & Features
Knowledge Base
Components / Data Grid / API / GridRowsSettings
New to KendoReact? Learn about KendoReact Free.

GridRowsSettings

Updated on Mar 24, 2026

The settings of the rows prop options.

NameTypeDefaultDescription

data?

ComponentType<GridCustomRowProps>

Custom component for rendering the data row.

tsx
import { MyDataRow } from './MyDataRow';
<Grid rows={{ data: MyDataRow }} />

groupFooter?

ComponentType<GridCustomRowProps>

Custom component for rendering the group footer row.

tsx
import { MyGroupFooterRow } from './MyGroupFooterRow';
<Grid rows={{ groupFooter: MyGroupFooterRow }} />

groupHeader?

ComponentType<GridCustomRowProps>

Custom component for rendering the group header row.

tsx
import { MyGroupHeaderRow } from './MyGroupHeaderRow';
<Grid rows={{ groupHeader: MyGroupHeaderRow }} />

pinnedData?

ComponentType<GridCustomRowProps>

Custom component for rendering pinned data rows. Falls back to rows.data (then default) when omitted.

tsx
import { MyPinnedRow } from './MyPinnedRow';
<Grid rows={{ pinnedData: MyPinnedRow }} />
Not finding the help you need?
Contact Support