The DevExpress ASP.NET MVC Vertical Grid allows you to display more information in a smaller grid using vertical and horizontal scroll bars.
Grid width is determined by the number of columns displayed within a page, which is controlled by the SettingsPager.PageSize property whose default value is 10. Grid width depends on the number of visible columns. If there are too many columns within the vertical grid, you can enable horizontal scrolling by using the Settings.HorizontalScrollBarMode property and define the scrollable area using the grid's Width property.
To reduce the grid's height, display the vertical scrollbar using the Settings.VerticalScrollBarMode property, and specify the height of the scrollable area (in pixels) via the Settings.VerticalScrollableHeight property.
The VerticalScrollBarMode and HorizontalScrollBarMode properties have the following values.
- Hidden - the scrollbar is hidden.
- Visible - the scrollbar is visible.
- Auto - the scrollbar is automatically shown when the size of the content within the control exceeds the size of the control itself.
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).
The source code files for this demo are installed (by default) in the following directory:
Open CS Solution
\Users\Public\Documents\DevExpress Demos XX.X\Components\ASP.NET\CS\MVCxVerticalGridDemos