Show theme settings Shopping cart Download trialFree Trial
Change Theme Settings
Change Theme Settings
Show All Themes


Page 1 of 10 (91 items)FirstPrev12345678910NextLast v
Contact Name 
Company Name 
Maria AndersAlfreds FutterkisteBerlin Germany
Ana TrujilloAna Trujillo Emparedados y heladosMéxico D.F. Mexico
Antonio MorenoAntonio Moreno TaqueríaMéxico D.F. Mexico
Thomas HardyAround the HornLondon United Kingdom
Christina BerglundBerglunds snabbköpLuleå Sweden
Hanna MoosBlauer See DelikatessenMannheim Germany
Frédérique CiteauxBlondesddsl père et filsStrasbourg France
Martín SommerBólido Comidas preparadasMadrid Spain
Laurence LebihanBon app'Marseille France
Elizabeth LincolnBottom-Dollar MarketsTsawassenBCCanada
Page 1 of 10 (91 items)FirstPrev12345678910NextLast v

The Grid View automatically splits large content across multiple pages and provides a built-in pager that enables end-users to navigate through data.

The pager can be customized using settings of the SettingsPager property. This demo demonstrates the following settings:

  • The Position setting controls the pager's position within a grid. The available options are: at the element's top, bottom, or both.
  • The PageSizeItemSettings.Visible setting controls page size item visibility. This element is used to specify a page size, i.e. the number of items placed on a page.
  • The FirstPageButton.Visible and LastPageButton.Visible settings control the first and last button's visibility. The buttons allows end-users to navigate to the first or the last page, respectively.

See Also:
Local Copy of this Demo
To inspect the source code for this demo on your machine, you must first install our components via the DevExpress Component Installer.
You can open a local copy of this online demo directly from this webpage (if using v20.2.8, 21.1.4 or higher).
Open CS Solution
The source code files for this demo are installed (by default) in the following directory:
\Users\Public\Documents\DevExpress Demos XX.X\Components\ASP.NET\CS\MVCxGridViewDemos