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
|
|
The Tree Grid has an option to show a loading indicator in-between the time of fetching the data and binding it to the tree grid during initial rendering or refreshing or after performing any tree grid action like sorting, filtering, and more. The Tree Grid supports the following loading indicator types. They are: Spinner Shimmer Use 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.