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

CellLoadingTemplateDirective

Represents the virtual scrolling cell template of the Grid while loading new data. Provides an option to customize the appearance of the indicator that is displayed while new data is loading. To define the loading cell template, nest an <ng-template> tag with the kendoGridCellLoadingTemplate directive inside <kendo-grid> tag see example.

The template context is set to the current column and the following additional field is passed:

  • column—The current column instance. Represents the default context that will be assigned to any template variable which utilizes the let-x syntax (for example let-column).
<kendo-grid ... scrollable="virtual" [rowHeight]="36" [height]="450">
  <ng-template kendoGridCellLoadingTemplate let-column>
   ...
  </ng-template>
</kendo-grid>

Selector

[kendoGridCellLoadingTemplate]

In this article

Not finding the help you need?