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.