NoDataTemplateDirective

Updated on May 19, 2026

Lets you customize the content shown when the ListView has no data to display. To define a no-data template, nest an <ng-template> tag with the kendoListViewNoDataTemplate directive inside the <kendo-listview> tag (see example).

html

<kendo-listview [data]="[]">
  <ng-template kendoListViewNoDataTemplate>
    No items to display.
  </ng-template>
</kendo-listview>

Selector

[kendoListViewNoDataTemplate]