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

Pager Settings

Prev123456789Next v
Product[Filter]
Quarter[Filter]
Prev123456789Next v
Pager Settings
v
v
v
Apply Changes


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

The embedded pager can be customized using the following settings of the OptionsPager property:

  • The Position property controls the pager's position within the MVC Pivot Grid: at the pivot grid's top, bottom, or both. In this demo, use the 'Position' combo box to select the required pager's location.
  • The PagerAlign property controls where the pager is displayed: to the left, right, center, or the entire width of the pivot grid. Note that the PagerAlign property works properly only when the PageSizeItemSettings.Visible property returns false. In this demo, use the 'PagerAlign' combo box to select the required location of the pager.
  • 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 'PageSizeItemPosition' combo box to select the required location of the pager size item.
  • The ShowSeparators property specifies whether or not page number separators are displayed. Use the 'ShowSeparators' check box to show or hide the separators.
  • 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 PageSizeItemSettings.Visible property controls the page size item visibility. In this demo, use the 'Show PageSizeItem' check box to show and hide this item.
  • 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.
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\MVCxPivotGridDemos