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

Grid - Paging

Configurator

Show Page Sizes

Input Type

Buttons Count

Aria Cruz Marketing Assistant Rua Orós, 92 (11) 555-9857
Diego Roel Accounting Manager C/ Moralzarzal, 86 (91) 555 94 44
Martine Rancé Assistant Sales Agent 184, chaussée de Tournai 20.16.10.16
Maria Larsson Owner Åkergatan 24 0695-34 67 21
Peter Franken Marketing Manager Berliner Platz 43 089-0877310
Carine Schmitt Marketing Manager 54, rue Royale 40.32.21.21
Paolo Accorti Sales Representative Via Monte Bianco 34 011-4988260
Lino Rodriguez Sales Manager Jardim das rosas n. 32 (1) 354-2534
Eduardo Saavedra Marketing Manager Rambla de Cataluña, 23 (93) 203 4560
José Pedro Freyre Sales Manager C/ Romero, 33 (95) 555 82 82
  • Paging.razor
  • CustomerService.cs
  • CustomerDto.cs
Loading the demo source code...please wait.

Description

The ability to change pages is one of the essential features for every data grid, and as such, the Telerik Grid for Blazor supports paging. This paging demo shows how to enable paging for the Grid by setting the Pageable parameter to true, set the initial page to a different than the first one by using the two-way data binding for the Page parameter. You can also dynamically choose different Buttons count, change the items per page, configure the input type, and whether you want to show the page size dropdown to the users.

Support & Learning Resources

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