New to Telerik UI for Blazor? Download Free 30-day trial

Grid - Column Virtualization

The "Product Id" column is frozen and will remain visible during horizontal grid scrolling.
1 Chai 1 10 10 boxes x 20 bags 39 0
2 Chang 1 25 24 - 12 oz bottles 17 40
3 Aniseed Syrup 2 25 12 - 550 ml bottles 13 70
4 Chef Anton's Cajun Seasoning 2 0 48 - 6 oz jars 53 0
5 Chef Anton's Gumbo Mix 2 0 36 boxes 0 0
6 Grandma's Boysenberry Spread 2 25 12 - 8 oz jars 120 0
7 Uncle Bob's Organic Dried Pears 7 10 12 - 1 lb pkgs. 15 0
8 Northwoods Cranberry Sauce 2 0 12 - 12 oz jars 6 0
9 Mishi Kobe Niku 6 0 18 - 500 g pkgs. 29 0
10 Ikura 8 0 12 - 200 ml jars 31 0
  • Column-virtualization.razor
  • ProductService.cs
  • ProductDto.cs
Loading the demo source code...please wait.

Description

The Telerik Blazor Grid provides Virtual Scrolling for its Columns so only the DOM elements in the visible viewport of the grid render. This improves the performance and responsiveness of other rendering operations such as paging and filtering.

Support & Learning Resources

An error has occurred. This application may no longer respond until reloaded.
Reload