Example of Remote Data Binding in Blazor Tree Grid Component
This sample demonstrates the Tree Grid component with the vertical scrollbar to view the exceeded tree grid content in remote data binding with large data.
Task ID | Task Name | Start Date | Duration | Progress | Priority |
|---|
| No records to display |
Virtualization helps improve the Tree Grid's performance when loading a large set of remote data. The Tree Grid UI virtualization allows it to render only the rows and columns visible within the viewport without buffering the entire datasource. To enable row virtualization, set the EnableVirtualization property to true.
Set the EnableVirtualMaskRow property value to true to enable mask row support.
In this demo, the Tree Grid is rendered with row virtualization for 10,000 rows, and data from a remote service is bound to the Tree Grid using the SfDataManager component.