New to Kendo UI for Angular? Start a free 30-day trial
ValueCellTemplateDirective
Represents the value cell template of the PivotGrid. Allows customizing the content of the value cells.
To define the value cell template, nest an <ng-template>
tag with the
kendoPivotGridValueCellTemplate
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.tableType
—The table type identifier. Uselet-tableType="tableType"
to access this variable in your template.value
—The default cell value. Uselet-value="value"
to access this variable in your template.
html
<kendo-pivot-grid [data]="data" ...>
<ng-template kendoPivotGridValueCellTemplate let-cellItem let-rowIndex="rowIndex" let-column="column">
Row: {{rowIndex}}
</ng-template>
</kendo-pivot-grid>
Selector
[kendoPivotGridValueCellTemplate]