New to Kendo UI for Angular? Start 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 anylet-x
syntax—for example,let-cellItem
.columnIndex
—The current column index. Uselet-columnIndex="columnIndex"
to access this variable in your template.rowIndex
—The current row index. Uselet-rowIndex="rowIndex"
to access this variable in your template.expanded
—The expanded state of the cell. Uselet-expanded="expanded"
to access this boolean variable in your template.tableType
—The table type identifier. Uselet-tableType="tableType"
to access this variable in your template.text
—The default cell text. Uselet-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]