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