CellTemplateDirective

Represents the column cell template of the TreeList (more information and example). Use this directive to customize the content of the cells. To define the cell template, nest an <ng-template> tag with the kendoTreeListCellTemplate directive inside a <kendo-treelist-column> tag.

The template context is set to the current data item and provides the following fields:

• columnIndex—The current column index. Use as an alias for a template variable with let-columnIndex="columnIndex".
• column—The current column instance. Use as an alias for a template variable with let-column="column".
• dataItem—The current data item. Represents the default context for any template variable using let-x syntax, for example, let-dataItem.
• cellContext—An object for passing context information to built-in directives.
• hasChildren—Specifies if the item has children.
• isExpanded—Specifies if the item is expanded.
• level—The hierarchy level of the item.
• loading—Specifies if the item children are currently loading.
• rowIndex—The current row index. Use it as an alias for a template variable with let-rowIndex="rowIndex".

html

<kendo-treelist ...>
  <kendo-treelist-column field="ProductName">
    <ng-template kendoTreeListCellTemplate let-dataItem let-rowIndex="rowIndex" let-column="column">
      Data Row: {{rowIndex}}
    </ng-template>
  </kendo-treelist-column>
</kendo-treelist>

Selector

[kendoTreeListCellTemplate]