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 current ColumnComponent.
• 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]