Blazor Grid - Load Data on Demand
Load on Demand feature helps you to load data as you need instead of loading all the data at once. This can be achieved either by using the AllowPaging or EnableVirtualization property and the SfDataManager with Adaptor.
We have provided support for different Adaptors namely (WebAPI, OData, ODataV4, Url etc.) to load data from different services to the grid with on demand loading concept / server-side paging. These adaptors use on demand loading concept to fetch data from server when the feature is enabled.
To bind remote data to the DataGrid component, assign the service data as an instance of the to the property or by using the component. To interact with remote data source, we need to provide the endpoint Url.
Refer to the following code example.
@using Syncfusion.Blazor @using Syncfusion.Blazor.Data @using Syncfusion.Blazor.Grids @* Enable AllowPaging to load the data on demand *@ <SfGrid TValue="Order" AllowPaging="true"> <SfDataManager Url="https://js.syncfusion.com/ejServices/Wcf/Northwind.svc/Orders" Adaptor="Adaptors.ODataAdaptor"></SfDataManager> <GridColumns> ….
Please refer to our following UG documentation links too:
You can also get a sample demo from the below link:
I hope you enjoyed learning about how to load data on demand in the Blazor Grid.
You can refer to our page to know about its other groundbreaking feature representations and find the quick getting started guide for configuration specifications. You can also explore our Blazor Grid example to understand how to present and manipulate data.