The ASP.NET MVC Grid View offers both vertical and horizontal scrolling. By default, the grid's height is determined by the number of rows displayed within a page and is controlled by the SettingsPager.PageSize property. To reduce the grid's height, you can display a vertical scrollbar by using the Settings.VerticalScrollBarMode property, and specify the height of the scrollable area (in pixels) via the Settings.VerticalScrollableHeight property.
The grid's width is dependent upon the number of visible columns by default. If there are too many columns within the grid, you can enable horizontal scrolling via the Settings.HorizontalScrollBarMode property and define the desired scrollable area width by using the grid's Width property.
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\MVCxGridViewDemos