New to Kendo UI for Angular? Start a free 30-day trial
FooterTemplateDirective
Represents the column footer cell template of the TreeList (more information and example).
Use this directive to customize the table footer cell for the column.
To define a footer template, nest an <ng-template> tag with the kendoTreeListFooterTemplate directive inside the <kendo-treelist-column> tag.
The template context is set to the aggregate values and provides the following fields:
aggregates—The aggregates for the level items.column—Defines an instance of theColumnComponentoption.columnIndex—Defines the current column index.field—The name of the column field, if set.items—The data items on this level.parentItem—The parent data item;nullfor root level items.
html
<kendo-treelist-column field="name">
<ng-template kendoTreeListFooterTemplate let-aggregates="aggregates">
{{ aggregates.name.count }}
</ng-template>
</kendo-treelist-column>
Selector
[kendoTreeListFooterTemplate]