| Vins et alcools Chevalier | Reims | 51100 | France | 32.38 | 7/4/2021 | 7/16/2021 |
| Toms Spezialitäten | Münster | 44087 | Germany | 11.61 | 7/5/2021 | 7/10/2021 |
| Hanari Carnes | Rio de Janeiro | 05454-876 | Brazil | 65.83 | 7/8/2021 | 7/12/2021 |
| Victuailles en stock | Lyon | 69004 | France | 41.34 | 7/8/2021 | 7/15/2021 |
| Suprêmes délices | Charleroi | B-6000 | Belgium | 51.3 | 7/9/2021 | 7/11/2021 |
| Hanari Carnes | Rio de Janeiro | 05454-876 | Brazil | 58.17 | 7/10/2021 | 7/16/2021 |
| Chop-suey Chinese | Bern | 3012 | Switzerland | 22.98 | 7/11/2021 | 7/23/2021 |
| Richter Supermarkt | Genève | 1204 | Switzerland | 148.33 | 7/12/2021 | 7/15/2021 |
| Wellington Importadora | Resende | 08737-363 | Brazil | 13.97 | 7/15/2021 | 7/17/2021 |
| HILARION-Abastos | San Cristóbal | 5022 | Venezuela | 81.91 | 7/16/2021 | 7/22/2021 |
| Ernst Handel | Graz | 8010 | Austria | 140.51 | 7/17/2021 | 7/23/2021 |
| Centro comercial Moctezuma | México D.F. | 05022 | Mexico | 3.25 | 7/18/2021 | 7/25/2021 |
| Ottilies Käseladen | Köln | 50739 | Germany | 55.09 | 7/19/2021 | 7/29/2021 |
| Que Delícia | Rio de Janeiro | 02389-673 | Brazil | 3.05 | 7/19/2021 | 7/30/2021 |
| Rattlesnake Canyon Grocery | Albuquerque | 87110 | USA | 48.29 | 7/22/2021 | 7/25/2021 |
| Ernst Handel | Graz | 8010 | Austria | 146.06 | 7/23/2021 | 7/31/2021 |
| Folk och fä HB | Bräcke | S-844 67 | Sweden | 3.67 | 7/24/2021 | 8/23/2021 |
| Blondel père et fils | Strasbourg | 67000 | France | 55.28 | 7/25/2021 | 8/12/2021 |
| Wartian Herkku | Oulu | 90110 | Finland | 25.73 | 7/26/2021 | 7/31/2021 |
| Frankenversand | München | 80805 | Germany | 208.58 | 7/29/2021 | 8/6/2021 |
Data grid with 830 rows and 7 columns
0 rows are selected
Page 1 of 42 (830 items)
of 42
The DevExpress Blazor Grid can split data into pages and display a built-in navigation control (pager). Vertical/horizontal scrollbars also appear if content height/width exceed the component size.
In this demo, you can use toolbar items to customize pager appearance:
- Toggle page size selector visibility.
- Toggle pager summary visibility.
- Specify navigation controls displayed within the pager:
InputBox— An input box where users can enter a page number.NumericButtons— Numeric buttons (1, 2, 3, etc.)Auto— The pager switches from numeric buttons to the input box on small devices or when the page count reaches the PagerSwitchToInputBoxButtonCount limit.
- Change pager position.
You can use keyboard shortcuts to navigate between pages. Focus the pager area and press the Left Arrow/Right Arrow to go to the previous/next page. To open the first/last page, focus the pager area and press Home/End.