This sample shows the loading indicator while tree grid loading and refreshing especially when using remote data. In this sample, you can change the loading indicators from the properties panel.
Task ID | Task Name | Start Date | Duration | Progress |
|---|---|---|---|---|
| 1 | Parent Task 1 | 6/7/1992 | 34 | In Progress |
| 41 | Parent Task 41 | 6/7/1992 | 52 | Open |
| 81 | Parent Task 81 | 6/7/1992 | 25 | Started |
| 127 | Parent Task 127 | 6/7/1992 | 52 | Open |
| 167 | Parent Task 167 | 6/7/1992 | 14 | In Progress |
| 207 | Parent Task 207 | 6/7/1992 | 52 | Started |
| 253 | Parent Task 253 | 6/7/1992 | 34 | In Progress |
| 293 | Parent Task 293 | 6/7/1992 | 52 | Open |
| 333 | Parent Task 333 | 6/7/1992 | 25 | Started |
| 379 | Parent Task 379 | 6/7/1992 | 52 | Open |
| 419 | Parent Task 419 | 6/7/1992 | 34 | In Progress |
| 459 | Parent Task 459 | 6/7/1992 | 52 | Started |
Indicator Type |
When performing the tree grid actions (like sorting, filtering, and more), the loading indicator is shown in the in-between time the processed data is fetched and bound to the tree grid.
The Tree Grid supports the following loading indicator types. They are:
SpinnerShimmerUse the loading indicator by setting the
loadingIndicator.indicatorType property as Spinner or Shimmer. The default value of the indicatorType is Spinner. In this demo, the Shimmer type is initially enabled.