Implementing a Custom Loading Indicator in the Grid
Environment
Product | Progress® Kendo UI Grid |
Description
How can I implement a custom loading indicator in the Kendo UI for Angular Grid?
Solution
The suggested implementation demonstrates how to apply a custom, manual approach for showing a loading indicator in the Grid by wrapping the component and a custom loading
overlay element in a common and relatively-positioned container. For more information on using the built-in solution for rendering a loading indicator in the Grid, refer to the article on indicating ongoing data operations.
In the following example, 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.