Example of Pager Template in Blazor DataGrid Component
This example shows how to use the DataGrid with pager template feature.
Order ID | Customer ID | Order Date | Freight | Ship Country |
|---|
| 1 | ALFKI | 5/15/1991 | $2.30 | Denmark |
| 2 | ANATR | 4/4/1990 | $3.30 | Germany |
| 3 | ANTON | 11/30/1957 | $4.30 | Austria |
| 4 | BLONP | 10/22/1930 | $5.30 | Brazil |
| 5 | BOLID | 2/18/1953 | $6.30 | Switzerland |
| 6 | ALFKI | 5/15/1991 | $4.60 | Denmark |
| 7 | ANATR | 4/4/1990 | $6.60 | Germany |
| 8 | ANTON | 11/30/1957 | $8.60 | Austria |
| 9 | BLONP | 10/22/1930 | $10.60 | Brazil |
| 10 | BOLID | 2/18/1953 | $12.60 | Switzerland |
of 0 pages
The Blazor DataGrid provides a way to customize the pager UI using the pager template feature. Users can customize the pager template by using the Templates property of the GridPageSettings component.
The user in this demo can use the textbox to jump to a specific page and the icons to navigate between previous and next pages.
More information about the Pager template feature can be found in this documentation section.