New to Kendo UI for AngularStart 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 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]

In this article
Selector
Not finding the help you need?
Contact Support