New to Kendo UI for Angular? Start a free 30-day trial
FooterTemplateDirective
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).
typescript
@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 { }
Selector
[kendoListViewFooterTemplate]