New to Kendo UI for Angular? Start a free 30-day trial

PivotGridComponent

Represents the Kendo UI PivotGrid component for Angular.

html

<kendo-pivotgrid
   [kendoPivotLocalBinding]="data"
   [dimensions]="dimensions"
   [measures]="measures"
   [rowAxes]="defaultRowAxes"
   [columnAxes]="defaultColumnAxes"
   [measureAxes]="defaultMeasureAxes"
   [configurator]="true"
 >
</kendo-pivotgrid>

Selector

kendo-pivotgrid

Inputs

Name	Type	Default	Description
columnHeadersWidth	`number`	`200`	Sets the width of the column header and data cells. The provided value is treated in pixels (see example).
configurator	`boolean \| ConfiguratorSettings`	`false`	Controls whether the axes configurator is displayed.
loaderSettings	`LoaderSettings`		Sets the type, size, and color of the PivotGrid loader.
navigable	`boolean`	`true`	Specifies whether the keyboard navigation is enabled. When enabled, you can use keyboard shortcuts to interact with the PivotGrid. Set to `false` to disable navigation and include the PivotGrid content in the normal tab sequence.
virtualScrolling	`boolean \| VirtualizationSettings`	`false`	Sets the virtualization options of the component. By default, the virtual scrolling functionality is disabled.

Fields

Name	Type	Default	Description
aggregateData	`PivotDataRowItem[]`		Gets the aggregated PivotGrid values that are displayed.