NoRecordsTemplateDirective

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.

Copy Code<kendo-grid [data]="data">
  <ng-template kendoGridNoRecordsTemplate>
    There are not 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]