New to Kendo UI for Angular? Start a free 30-day trial
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.
html
<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]