DevExpress UI for Blazor - Virtual Scrolling in Preview 12 (Now Available)

ASP.NET Team Blog
16 July 2019

Preview 12 of the DevExpress UI for Blazor is now available and it includes virtual scrolling support for two of our Blazor components.

If you’ve not yet reviewed our Blazor product line, please be certain to check out our Blazor Components webpage. If you are new to Blazor, feel free to review our 5-part Blazor training videos on YouTube.

What's New

Data Grid - Virtual Scrolling

The DevExpress Blazor Data Grid now supports virtual scrolling – allowing your end-users to navigate individual grid rows via the control’s vertical scrollbar.

Use the DataNavigationMode property to enable virtual scrolling:

<DxDataGrid Data=@DataSource
  ...
  DataNavigationMode="@DataGridNavigationMode.VirtualScrolling"
  ...
</DxDataGrid>

ComboBox - Virtual Scrolling

The DevExpress Blazor ComboBox can now load visible items within its drop down list (loads data virtually and on demand). This improves performance when binding to a large dataset.

Set the DataLoadMode property to enable virtual scrolling:

<DxComboBox Data=@Strings
  DataLoadMode="@ComboBoxDataLoadMode.VirtualScrolling"
  FilteringMode="@FilteringMode.Contains"
  @bind-SelectedItem=@SelectedItem>
</DxComboBox>

Demos

You can test our new virtual scrolling demos using the following links:

Download the Preview from NuGet

Our most recent version is available via the DevExpress NuGet Early Access feed:

https://nuget.devexpress.com/early-access/api

If you are a new user, please refer to this article to get started with Blazor today.

This preview is made available under the DevExpress Blazor UI license.

To obtain the build, you will need a DevExpress.com account. Create your free account online or contact us for assistance.

Watch the Webinar

Your Feedback Matters

Please leave a comment below and tell us about your web development plans – How does Blazor fit in your long-term development strategy?

FREE DevExpress Xamarin UI Controls

Deliver high-impact native mobile apps with our feature-rich Data Grid, Scheduler, Chart, TabView, Editors, and utility controls. Reserve your free copy today!
CRM-97ead079-3b52-4563-8c7a-c3c4cdeef546
Ashish Moradiya AN
I am developing blazor wasm application and tried virtual scrolling feature, but that feels laggy. hope it will be improved.
25 November 2020

Please login or register to post comments.