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.
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).
\Users\Public\Documents\DevExpress Demos XX.X\Components\ASP.NET\CS\MVCxVerticalGridDemos |