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.
