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

CellLoadingTemplateDirective

Directive

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 the let-x syntax (for example, let-column).

Definition

Package:@progress/kendo-angular-grid

Selector:[kendoGridCellLoadingTemplate]

Syntax:

html

<kendo-grid ... scrollable="virtual" [rowHeight]="36" [height]="450">
  <ng-template kendoGridCellLoadingTemplate let-column>
   ...
  </ng-template>
</kendo-grid>