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

HeaderTemplateDirective

Represents the column header cell template of the TreeList (more information and example). Helps to customize the table header cell for the column. To define a header template, nest an <ng-template> tag with the kendoTreeListHeaderTemplate directive inside the <kendo-treelist-column> tag.

The template context is set to the current column and then the following additional fields are passed:

  • column—Defines an instance of the ColumnComponent option.
  • columnIndex—Defines the current column index.
<kendo-treelist-column field="name">
  <ng-template
    kendoTreeListHeaderTemplate
    let-column>
    {{ column.field }}
  </ng-template>
</kendo-treelist-column>

Selector

[kendoTreeListHeaderTemplate]

In this article

Not finding the help you need?