This sample shows the loading indicator while initial rendering, refreshing and all gantt action. In this sample, you can change the loading indicators from the properties panel.
This example demonstrates the loading indicator functionality in the Gantt Chart. Loading indicators are displayed during initial rendering, data refreshing, virtual scrolling, and while performing operations such as sorting and filtering.
The Gantt Chart supports the following loading indicator types:
Shimmer - Displays placeholder rows that mimic the layout of the content while data is loading.Spinner - Displays a loading spinner until the requested operation is completedUse the Indicator Type option in the property panel to switch between Shimmer and Spinner loading indicators. This behavior can also be configured using the loadingIndicator.indicatorType property.
When enableVirtualMaskRow is enabled, shimmer placeholders are displayed during virtual scrolling to provide a smoother loading experience when working with large datasets
Gantt component features are segregated into individual feature-wise modules. To use virtualscroll, Filter, sorting and selection features, we need to inject VirtualScroll, Filter, Sort and Selection into the Inject Services section.
More information on the Essential® React Gantt Chart can be found in this loading animation documentation section.
Looking for the full React Gantt Chart component overview, features, pricing, and documentation? Visit the React Gantt Chart page.