New to Kendo UI for Angular? Start a free 30-day trial
CellLoadingTemplateDirective
The directive allows customizing the loading indicator for virtual scrolling cells in the Grid.
Place an <ng-template>
tag with the kendoGridCellLoadingTemplate
directive inside <kendo-grid>
to define the loading cell template. (See example).
The template context is set to the current column. You can use the following field:
column
—The current column instance. This is the default context for any template variable that uses thelet-x
syntax (for example,let-column
).
html
<kendo-grid ... scrollable="virtual" [rowHeight]="36" [height]="450">
<ng-template kendoGridCellLoadingTemplate let-column>
...
</ng-template>
</kendo-grid>
Selector
[kendoGridCellLoadingTemplate]