New to Kendo UI for AngularStart a free 30-day trial

CellTemplateDirective

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

To define the cell template, nest an <ng-template> tag with the kendoPivotGridCellTemplate 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 kendoPivotGridCellTemplate let-cellItem let-rowIndex="rowIndex" let-column="column">
      Row: {{rowIndex}}
    </ng-template>
</kendo-pivot-grid>

Selector

[kendoPivotGridCellTemplate]

In this article
Selector
Not finding the help you need?
Contact Support