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

NoRecordsTemplateDirective

Directive

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).

Definition

Package:@progress/kendo-angular-grid

Selector:[kendoGridNoRecordsTemplate]

Syntax:

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>