New to Kendo UI for Angular? Start a free 30-day trial
LoadingTemplateDirective
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).
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>
## Selector
`[kendoGridLoadingTemplate]`