New to Kendo UI for Angular? Start a free 30-day trial

CellTemplateDirective

Represents the column cell template of the TreeList (more information and example). Helps 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 the following additional fields are passed:

  • columnIndexThe current column index. Use it as an alias for a template variable by utilizing the let-columnIndex="columnIndex" syntax.
  • columnThe current column instance. Use it as an alias for a template variable by utilizing the let-column="column" syntax.
  • dataItemThe current data item. Represents the default context that will be assigned to any template variable which utilizes the let-x syntaxfor example, let-dataItem.
  • cellContextAn object used to pass context information to built-in directives.
  • hasChildrenSpecifies if the item has children.
  • isExpandedSpecifies if the item is expanded.
  • levelThe hierarchy level of the item.
  • loadingSpecifies if the item children are currently loading.
  • rowIndexThe current row index. Use it as an alias for a template variable by utilizing the let-rowIndex="rowIndex" syntax.
Example
View Source
Edit In Stackblitz  
Change Theme:

Selector

[kendoTreeListCellTemplate]

In this article

Not finding the help you need?