NoRecordsTemplateDirective

Lets you customize the item shown when the Grid has no data. Place an <ng-template> tag with the kendoGridNoRecordsTemplate directive inside <kendo-grid> to define the no-records template. (See example).

html

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

Selector

[kendoGridNoRecordsTemplate]