PivotGridProps

Represents the props of the KendoReact PivotGrid component.

NameTypeDefaultDescription

cell?

CustomComponent<PivotGridCellProps>

Overrides the default cell component.

The default component is: PivotGridCell.

For more information, refer to the PivotGrid Customization article.

className?

string

Sets the className property of the top-most element of the PivotGrid in addition to the default k-pivotgrid class.

column?

CustomComponent<PivotGridColumnProps>

Overrides the default column component.

The default component is: PivotGridColumn.

For more information, refer to the PivotGrid Customization article.

columnAxes?

PivotGridAxis[]

The configuration of the column axes.

columnHeadersCell?

React.ComponentType<PivotGridHeaderCellProps>

Overrides the default column-headers headerCell component.

The default component is: PivotGridHeaderCell.

For more information, refer to the PivotGrid Customization article.

columnHeadersColumn?

React.ComponentType<PivotGridColumnProps>

Overrides the default column-headers column component.

The default component is: PivotGridColumn.

For more information, refer to the PivotGrid Customization article.

columnHeadersRow?

React.ComponentType<PivotGridRowProps>

Overrides the default column-headers row component.

The default component is: PivotGridRow.

For more information, refer to the PivotGrid Customization article.

columns?

Tuple[]

Sets the columns data of the PivotGrid.

data?

PivotDataItem[]

Sets the data of the PivotGrid.

dataColumn?

React.ComponentType<PivotGridColumnProps>

Overrides the default data column component.

The default component is: PivotGridColumn.

For more information, refer to the PivotGrid Customization article.

dataRow?

React.ComponentType<PivotGridRowProps>

Overrides the default data row component.

The default component is: PivotGridRow.

For more information, refer to the PivotGrid Customization article.

headerCell?

CustomComponent<PivotGridHeaderCellProps>

Overrides the default headerCell component.

The default component is: PivotGridHeaderCell.

For more information, refer to the PivotGrid Customization article.

id?

string

Sets the id property of the top-most element of the PivotGrid.

navigatable?

boolean

If set to true, the user can use dedicated shortcuts to interact with the PivotGrid. By default, navigation is disabled.

onColumnAxesChange?

(event: PivotGridAxesChangeEvent) => void

A callback, fired whenever the columnAxes property should change.

onRowAxesChange?

(event: PivotGridAxesChangeEvent) => void

A callback, fired whenever the rowAxes property should change.

row?

CustomComponent<PivotGridRowProps>

Overrides the default row component.

The default component is: PivotGridRow.

For more information, refer to the PivotGrid Customization article.

rowAxes?

PivotGridAxis[]

The configuration of the row axes.

rowHeadersCell?

React.ComponentType<PivotGridHeaderCellProps>

Overrides the default row-headers headerCell component.

The default component is: PivotGridHeaderCell.

For more information, refer to the PivotGrid Customization article.

rowHeadersColumn?

React.ComponentType<PivotGridColumnProps>

Overrides the default row-headers column component.

The default component is: PivotGridColumn.

For more information, refer to the PivotGrid Customization article.

rowHeadersRow?

React.ComponentType<PivotGridRowProps>

Overrides the default row-headers row component.

The default component is: PivotGridRow.

For more information, refer to the PivotGrid Customization article.

rows?

Tuple[]

Sets the rows data of the PivotGrid.

style?

React.CSSProperties

Sets the style property of the top-most element of the PivotGrid.

tabIndex?

number

Sets the tabIndex property of the top-most element of the PivotGrid.