Blazor Tree Grid Example - List Binding
| No records to display |
This sample demonstrates the Tree Grid component with horizontal and vertical scrollbars to efficiently render large datasets using row and column virtualization. Virtualization ensures that only the visible rows and columns are loaded into the DOM, improving performance and responsiveness when working with large data.
To enable virtualization, set the EnableVirtualization property to true for row virtualization and the EnableColumnVirtualization property to true for column virtualization.
This demo configures the Tree Grid with both row and column virtualization to render "10,000" rows and "20" columns. Scrollbars provide smooth navigation across the extended content without performance degradation. Additional properties such as EnableVirtualMaskRow (to mask rows during data loading) and OverscanCount (to render extra items before and after the visible area) are used to enhance scrolling performance.
More information about virtualization in Tree Grid can be found in this documentation section.