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


Represents the no-records template of the Grid. Provides an option to customize the appearance of the item that is displayed when no data is present. To define the no-records template, nest an <ng-template> tag with the kendoGridNoRecordsTemplate directive inside <kendo-grid> see example.

<kendo-grid [data]="data">
  <ng-template kendoGridNoRecordsTemplate>
    There are not products. <a href="#" (click)="refresh()">Click here to refresh</a>.
  <kendo-grid-column field="ProductID"></kendo-grid-column>
  <kendo-grid-column field="ProductName"></kendo-grid-column>



In this article

Not finding the help you need?