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

Pager Settings

Prev1234567429430431Next v
Product Name 
Alice MuttonOutback LagerRössle SauerkrautTarte au sucreGuaraná Fantástica
Company info
Company Name 
Blondesddsl père et filsBlondesddsl père et filsMorgenstern GesundkostMorgenstern GesundkostBerglunds snabbköp
Address 
24, place Kléber24, place KléberHeerstr. 22Heerstr. 22Berguvsvägen 8
Country 
FranceFranceGermanyGermanySweden
City 
StrasbourgStrasbourgLeipzigLeipzigLuleå
Pricing
Unit Price 
$31.20$12.00$36.40$39.40$3.60
Quantity 
3020201212
Total 
$936.00$240.00$728.00$472.80$43.20
Prev1234567429430431Next v
Pager settings
v
v
Apply


The DevExpress ASP.NET MVC Vertical Grid automatically splits large content across multiple pages and provides a built-in pager, which enables end-users to navigate through data.

The embedded pager control can be customized using the following settings of the SettingsPager property.

  • The Position property controls the pager's position within the VerticalGrid: at the control's top, bottom, or both. In this demo, use the 'Position' combo box to select the required location.
  • The PageSizeItemSettings.Visible property controls page size item visibility. In this demo, use the 'Show PageSizeItem' check box to show and hide the item.
  • The PageSizeItemSettings.Position property controls where a page size item is displayed: to the left or right of the pager. In this demo, use the 'PageSizeItem position' combo box to select the desired location.
  • The Summary.Visible property controls the pager's summary visibility. In this demo, use the ' Show Summary' check box to show and hide this element.
  • The ShowDisabledButtons property controls the visibility of the pager's buttons that cannot be used at the moment, and are temporarily disabled.
  • The ShowNumericButtons property controls the visibility of the pager's numeric buttons that navigate a user to the corresponding pages.
  • The ShowSeparators property specifies whether or not page number separators are displayed.
Collapse/Expand
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\MVCxVerticalGridDemos