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

LoadingTemplateDirective

Directive

Lets you override the default loading indicator of the Grid. Place an <ng-template> tag with the kendoGridLoadingTemplate directive inside <kendo-grid> to define a loading template. (See example).

Definition

Package:@progress/kendo-angular-grid

Selector:[kendoGridLoadingTemplate]

Syntax:

html

<kendo-grid [data]="gridData" [loading]="true">
  <ng-template kendoGridLoadingTemplate>
    <div class="custom-loading-indicator">
      Loading data, please wait...
    </div>
  </ng-template>
  <kendo-grid-column field="ProductName"></kendo-grid-column>
  <kendo-grid-column field="UnitPrice"></kendo-grid-column>
</kendo-grid>