Tree Grid / Virtual Scrolling / Remote Data Binding

Blazor Tree Grid Example - Remote Data Binding

Loading Syncfusion Blazor Server Demos…

This sample demonstrates virtualization with remote data binding in Tree Grid. Data is fetched from a remote service using the SfDataManager component.

In this demo, the Tree Grid is bound to a remote Web API service using SfDataManager with WebApiAdaptor. This setup ensures efficient rendering and smooth scrolling performance even when handling large datasets from remote sources.

Row virtualization is enabled using the EnableVirtualization property, and the EnableVirtualMaskRow property is set to true to display masked placeholders while data is loading. Virtualization improves Tree Grid performance by rendering only the rows visible within the viewport instead of loading the entire dataset. This is especially useful when working with large volumes of remote data.

More information about virtualization in Tree Grid can be found in this documentation section.

Transform your Blazor web apps today with Syncfusion® Blazor components
145+ high-performance and responsive UI components
Dedicated support
Hassle-free licensing
TRY IT FOR FREE