New to Telerik UI for Blazor? Download Free 30-day trial
Grid - Manual Operations
- EXAMPLE
- VIEW SOURCE
- EDIT IN TELERIK REPL
- Change Theme
default
| Id | City | Country |
|---|---|---|
|
|
|
|
| 1 | Sofia | Bulgaria |
| 2 | Mandalay | Myanmar |
| 3 | Nay Pyi Taw | Myanmar |
| 4 | Yangon | Myanmar |
| 5 | Minsk | Belarus |
| 6 | Phnum Pénh | Cambodia |
| 7 | El Djazaïr | Algeria |
| 8 | Wahran | Algeria |
| 9 | Douala | Cameroon |
| 10 | Yaoundé | Cameroon |
- Manual-operations.razor
- UrbanAreaService.cs
- UrbanAreaDto.cs
Loading the demo source code...please wait.
Description
By default, the Grid receives the entire data collection and performs operations like paging, sorting, and filtering automatically. In case your data set is large you can take advantage of the OnRead event exposed by the Grid. It allows you to perform the operations listed above manually to achieve better performance. This demo showcases how to fetch the data required only for the current page depending on its size (by default the size of the page is 10).
This Data Grid Manual Operations 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.