Example of Virtual Scrolling in Blazor Scheduler Component

Scheduler / Scrolling / Virtual Scrolling

This example illustrates how to dynamically load the resources and events as you scroll through the Scheduler. All the events in this example are loaded at the initial rendering of Scheduler, but the events in the visible area alone will be rendered. Here, the Scheduler is made to dynamically load 300 resources along with the events count of 3600 (300 resources * 12 events).

In this example, the virtual scrolling option is enabled on timeline month view and month to load the large number of resources and its associated events. To enable the dynamic loading of events and resources in the Scheduler, set the AllowVirtualScrolling property to true within the view-specific settings.

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