New to Telerik UI for Blazor? Download Free 30-day trial
Grid - Row Virtualization
- EXAMPLE
- VIEW SOURCE
- EDIT IN TELERIK REPL
- Change Theme
default
| OrderId | ShipName | ShipAddress | ShipCity | ShipCountry |
|---|
| 1 | Vins et alcools Chevalier | 59 rue de l'Abbaye | Reims | France |
| 2 | Toms Spezialitäten | Luisenstr. 48 | Münster | Germany |
| 3 | Hanari Carnes | Rua do Paço, 67 | Rio de Janeiro | Brazil |
| 4 | Victuailles en stock | 2, rue du Commerce | Lyon | France |
| 5 | Suprêmes délices | Boulevard Tirou, 255 | Charleroi | Belgium |
| 6 | Hanari Carnes | Rua do Paço, 67 | Rio de Janeiro | Brazil |
| 7 | Chop-suey Chinese | Hauptstr. 31 | Bern | Switzerland |
| 8 | Richter Supermarkt | Starenweg 5 | Genève | Switzerland |
| 9 | Wellington Importadora | Rua do Mercado, 12 | Resende | Brazil |
| 10 | HILARION-Abastos | Carrera 22 con Ave. Carlos Soublette #8-35 | San Cristóbal | Venezuela |
- Virtual-scrolling.razor
- OrderService.cs
- OrderDto.cs
Loading the demo source code...please wait.
Description
Virtual scrolling is an alternative to paging. Instead of using a pager, the user scrolls vertically through the records in the data source. The same set of elements is reused to improve performance. While the new data is loading, a loading indicator is shown on the cells.
This Data Grid Row Virtualization example is part of a unique collection of hundreds of Blazor demos, with which you can see all Telerik UI for Blazor components and their features in action. View the source code of the demos from the library or directly adapt, and edit them and their theme appearance in Telerik REPL for Blazor or ThemeBuilder.