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

Templates

The Kendo UI for Angular PivotGrid component provides templates for customizing its cells' content.

Cell Template

You can use the cell template to customize all cells of the PivotGrid or to format the data that the cells display. For more information on how to define the cell template, refer to the CellTemplateDirective API documentation.

Example
View Source
Change Theme:

Value Cell Template

You can use the value cell template to customize all value cells of the PivotGrid or to format the data that the value cells display. For more information on how to define the value cell template, refer to the ValueCellTemplateDirective API documentation.

Example
View Source
Change Theme:

Column Header Cell Template

You can use the column header cell template to customize all column header cells of the PivotGrid or to format the data that the column header cells display. For more information on how to define the column header cell template, refer to the ColumnHeaderCellTemplateDirective API documentation.

Example
View Source
Change Theme:

Row Header Cell Template

You can use the row header cell template to customize all row header cells of the PivotGrid or to format the data that the row header cells display. For more information on how to define the row header cell template, refer to the RowHeaderCellTemplateDirective API documentation.

Example
View Source
Change Theme: