ColumnHeaderCellTemplateDirective

Represents the column header cell template of the PivotGrid. Allows customizing the content of the column header cells.

To define the column header cell template, nest an <ng-template> tag with the kendoPivotGridColumnHeaderCellTemplate directive inside a <kendo-pivot-grid> tag (see example).

The template context provides the current cell item and the following additional fields:

• cellItem—The current cell item. This is the default template context that you can access with any let-x syntax—for example, let-cellItem.
• columnIndex—The current column index. Use let-columnIndex="columnIndex" to access this variable in your template.
• rowIndex—The current row index. Use let-rowIndex="rowIndex" to access this variable in your template.
• expanded—The expanded state of the cell. Use let-expanded="expanded" to access this boolean variable in your template.
• tableType—The table type identifier. Use let-tableType="tableType" to access this variable in your template.
• text—The default cell text. Use let-text="text" to access this variable in your template.

html

<kendo-pivot-grid [data]="data" ...>
    <ng-template kendoPivotGridColumnHeaderCellTemplate let-cellItem let-rowIndex="rowIndex" let-column="column">
      Row: {{rowIndex}}
    </ng-template>
</kendo-pivot-grid>

Selector

[kendoPivotGridColumnHeaderCellTemplate]