HeaderTemplateDirective

Updated on Jun 17, 2025

Represents the column header cell template of the TreeList (more information and example). Use this directive 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 provides the following fields:

• column—Defines an instance of the ColumnComponent option.
• columnIndex—Defines the current column index.

html

<kendo-treelist-column field="name">
  <ng-template
    kendoTreeListHeaderTemplate
    let-column>
    {{ column.field }}
  </ng-template>
</kendo-treelist-column>

Selector

[kendoTreeListHeaderTemplate]