New to Kendo UI for Angular? Start a free 30-day trial
HeaderTemplateDirective
Represents the header cell template of the Gantt columns.
Use this directive to customize the table header cell for a column.
To define a header template, nest an <ng-template>
tag with the
kendoGanttHeaderTemplate
directive inside the <kendo-gantt-column>
tag.
The template context provides:
column
—The currentColumnComponent
.columnIndex
—The current column index.
html
<kendo-gantt-column>
<ng-template kendoGanttHeaderTemplate let-column let-columnIndex="columnIndex">
Custom Header for {{ column.field }} ({{ columnIndex }})
</ng-template>
</kendo-gantt-column>
Selector
[kendoGanttHeaderTemplate]