Change Theme Settings
Change Theme Settings
Themes
 
Metropolis
Moderno
iOS
Material
Material Compact
Office 365
Mulberry
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.