New to Kendo UI for Angular? Start a free 30-day trial

FooterTemplateDirective

Directive

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 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.

Definition

Package:@progress/kendo-angular-treelist

Selector:[kendoTreeListFooterTemplate]

Syntax:

html

<kendo-treelist-column field="name">
  <ng-template kendoTreeListFooterTemplate let-aggregates="aggregates">
    {{ aggregates.name.count }}
  </ng-template>
</kendo-treelist-column>