Blazor Gantt Chart Example - Load On Demand for Large Datasets
ID | Name | Start Date | End Date | Duration | Dependency |
|---|
| No records to display |
This sample demonstrates the ability of the Blazor Gantt Chart to visualize large data collections of up to 50,000 records while maintaining responsive interaction. Initial rendering limits the view to parent tasks so the timeline loads quickly even when the full hierarchy is extensive.
Child tasks are retrieved when a parent row expands, demonstrating load on demand behavior backed by row virtualization and remote data binding. As scrolling progresses, only the records required for the current viewport are requested and rendered, conserving bandwidth and memory.
When virtualization is enabled with remote data binding, the Gantt Chart downloads only root level records during the initial load. Configure the HasChildMapping property of GanttTaskFields to identify which items contain children so the component knows when to request additional data. Expanding a parent row triggers a new server call for its descendants, and vertical scrolling continues to fetch and render tasks dynamically based on the current viewport.
For further details, refer to the documentation.