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 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.
• tableType—The table type identifier. Use let-tableType="tableType" to access this variable in your template.
• value—The default cell value. Use let-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]