Example of VirtualScroll in React Gantt Component

/
/
Virtualscroll

This sample demonstrates the Virtual Scroll support in the Gantt Chart. This feature allows users to load a large amount of data effectively. It also reduces the DOM element's weight by virtually updating DOM during the vertical scroll and also in timeline during horizontal scroll.

More Details...

Loading....
Description

Virtualization support is used to render large number tasks in Gantt with effective performance. In this mode all the tasks are fetched from data source initially, then some of the records are rendered in DOM which are compact to the current viewport area. While scrolling tasks are updated in DOM as per current viewport position. This mode can be enabled by setting enableVirtualization property as true. Additionally, the Gantt component now includes the timeline virtualization feature by setting the enableTimelineVirtualization to true.

This demo highlights the utilization of row and timeline virtualization features within the Gantt.

By default during Virtual scroll Shimmer effect is enabled you can disable this by changing enableVirtualMaskRow to false