Example of undefined in React Gantt Component


This sample demonstrates the load on-demand data binding support in Gantt Chart. It allows users to load parent records alone on load time. Child records render on demand during expansion action.

More Details...


Load on demand and virtualization support is used to render a large number of tasks in the Gantt Chart with an effective performance. And so, in this demo, row virtualization is enabled with remote data binding which has 50,000 records.

With the virtualization feature enabled in remote data binding, only the root level records are fetched from the remote server at the initial load time. So, need to set the hasChild property of GanttTaskFields that denotes whichever records have child records.

On expanding the root parent node, the child records will be fetched from the remote server. While vertical scrolling, tasks are fetched dynamically from the remote server and are updated in the DOM as per the current viewport position.