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

FooterTemplateDirective

Directive

Allows customizing the footer content of the ListView. To define a footer template, nest an <ng-template> tag with the kendoListViewFooterTemplate directive inside the <kendo-listview> tag (see example).

Definition

Package:@progress/kendo-angular-listview

Selector:[kendoListViewFooterTemplate]

Syntax:

@Component({
  template: `
    <kendo-listview [data]="items">
      <ng-template kendoListViewFooterTemplate>
        <div class="footer-content">
          <p>Total items: {{ items.length }}</p>
        </div>
      </ng-template>
    </kendo-listview>
  `
})
export class AppComponent { }