Blazor ListView Example - UI Virtualization

ListView / Virtualization

This sample demonstrates the default functionalities of UI virtualization. Scroll the list item to experience the UI virtualization.

Loading Syncfusion Blazor Server Demos…

Contacts

The UI virtualization is an optimization technique to avoid unnecessarily constructing and rendering objects for list items by loading only visible list items in a viewport. This helps improve the ListView's performance when loading a large number of items. The list items are updated dynamically while users scroll the list. The virtualization can be enabled by using the EnableVirtualization property in the Listview.

When EnableVirtualization is enabled, the Height property must be defined.

In this demo, ListView component is rendered with 500 list items.

More information about the virtualization feature can be found in this documentation section.

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