Scrolling - ASP.NET AJAX Data Grid Control Demo

Horizontal ScrollBar Mode:

Vertical ScrollBar Mode:

Order ID

Customer ID

Employee ID

Order Date

Required Date

Shipped Date

Freight


10248	VINET	Buchanan	7/4/2018	8/1/2018	7/16/2018	32.3800
10249	TOMSP	Suyama	7/5/2018	8/16/2018	7/10/2018	11.6100
10250	HANAR	Peacock	7/8/2018	8/5/2018	7/12/2018	65.8300
10251	VICTE	Leverling	7/8/2018	8/5/2018	7/15/2018	41.3400
10252	SUPRD	Peacock	7/9/2018	8/6/2018	7/11/2018	51.3000
10253	HANAR	Leverling	7/10/2018	7/24/2018	7/16/2018	58.1700
10254	CHOPS	Buchanan	7/11/2018	8/8/2018	7/23/2018	22.9800
10255	RICSU	Dodsworth	7/12/2018	8/9/2018	7/15/2018	148.3300
10256	WELLI	Leverling	7/15/2018	8/12/2018	7/17/2018	13.9700
10257	HILAA	Peacock	7/16/2018	8/13/2018	7/22/2018	81.9100
10258	ERNSH	Davolio	7/17/2018	8/14/2018	7/23/2018	140.5100
10259	CENTC	Peacock	7/18/2018	8/15/2018	7/25/2018	3.2500
10260	OTTIK	Peacock	7/19/2018	8/16/2018	7/29/2018	55.0900
10261	QUEDE	Peacock	7/19/2018	8/16/2018	7/30/2018	3.0500
10262	RATTC	Callahan	7/22/2018	8/19/2018	7/25/2018	48.2900
10263	ERNSH	Dodsworth	7/23/2018	8/20/2018	7/31/2018	146.0600
10264	FOLKO	Suyama	7/24/2018	8/21/2018	8/23/2018	3.6700
10265	BLONP	Fuller	7/25/2018	8/22/2018	8/12/2018	55.2800
10266	WARTH	Leverling	7/26/2018	9/6/2018	7/31/2018	25.7300
10267	FRANK	Peacock	7/29/2018	8/26/2018	8/6/2018	208.5800

Page 1 of 42 (830 items)12 3 4 5 6 7…40 41 42

Page size:

- Description
- Description
- ASPX
- ASPX
- C#
- C#
- VB
- VB

The DevExpress ASP.NET Grid View (ASPxGridView) allows you to display more information in a smaller grid using vertical and horizontal scroll bars.

By default, grid height is determined by the number of rows displayed within a page, which is controlled by the SettingsPager.PageSize 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.

By default, grid width depends on the number of visible columns. If there are too many columns within the grid, you can enable horizontal scrolling via the Settings.HorizontalScrollBarMode property, and define the width of the scrollable area using the grid's Width 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).

Open CS Solution

Open VB Solution

The source code files for this demo are installed (by default) in the following directories:
\Users\Public\Documents\DevExpress Demos XX.X\Components\ASP.NET\CS\ASPxGridViewDemos
\Users\Public\Documents\DevExpress Demos XX.X\Components\ASP.NET\VB\ASPxGridViewDemos

Your Next Great ASP.NET App Starts Here

Get started today and download your 30-day trial of ASP.NET Controls and Libraries (includes 30 days of free technical support).
All demos ship with full source code and are included in the DevExpress ASP.NET distribution. Refer to the Demos and Sample Applications topic to learn more.

DevExpress ASP.NET Controls and Libraries ship as part of DevExpress Universal, DXperience and ASP.NET Subscriptions and are backed by a 60 day unconditional money-back guarantee.
To learn more and obtain pricing information, visit the Compare Features and Pricing webpage. For immediate assistance, contact us by Email at info@devexpress.com or by phone at +1 (818) 844-3383 between 7:30am and 4:30pm Pacific Time.