Implement a Loading Indicator Manually

For more information on rendering a loading indicator by using the built-in solution of the Grid, refer to the article on indicating ongoing data operations.

The following example demonstrates how to wrap the Grid and a custom loading overlay element in a common and relatively-positioned container.

The loading element is absolutely positioned. During data operations, it covers the common container and is conditionally displayed through the *ngIf structural directive. When a request for new data is performed, the flag to which the loading element is bound is raised. When the data is received, the flag is dropped.

Example
View Source
Edit In Stackblitz  
Change Theme:

In this article

Not finding the help you need?