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). Helps 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 the following additional fields are passed:

  • aggregates—The aggregates for the level items.
  • column—Defines an instance of the ColumnComponent option.
  • 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; null for root level items.
<kendo-treelist-column field="name">
  <ng-template kendoTreeListFooterTemplate let-aggregates="aggregates">
    {{ aggregates.name.count }}
  </ng-template>
</kendo-treelist-column>

Selector

[kendoTreeListFooterTemplate]

In this article

Not finding the help you need?