Show theme settings Shopping cart Download trialFree Trial
Change Theme Settings
Change Theme Settings
Themes
 
Show All Themes
v
...v

Column Moving

v
Product Name 
Category Name 
Unit Price 
Units In Stock 
Total 
Discontinued 
ChaiBeverages$18.0039$702.00
ChangBeverages$19.0017$323.00
Aniseed SyrupCondiments$10.0013$130.00
Chef Anton's Cajun SeasoningCondiments$22.0053$1,166.00
Chef Anton's Gumbo MixCondiments$21.350$0.00
Grandma's Boysenberry SpreadCondiments$25.00120$3,000.00
Uncle Bob's Organic Dried PearsProduce$30.0015$450.00
Northwoods Cranberry SauceCondiments$40.006$240.00
Mishi Kobe NikuMeat/Poultry$97.0029$2,813.00
IkuraSeafood$31.0031$961.00
Page 1 of 8 (77 items)Prev12345678Next
Note: For demonstration purposes, the grid's callback time is intentionally extended.

The DevExpress ASP.NET Grid View (ASPxGridView) allows you to move grid columns using drag-and-drop. To move a column, drag the column's header to the desired position. The location in which the dragged column will be inserted after you release the left mouse button is visually indicated by two arrows. By default, the ASPxGridView only allows the reordering of columns within their current nesting level. To allow the modification of column nesting using drag and drop, set the SettingsBehavior.ColumnMoveMode to ThroughHierarchy.

By default, when you move a grid column, the grid initiates a callback to re-render the grid layout accordingly. Setting the SettingsBehavior.ProcessColumnMoveOnClient to true allows the grid to re-render itself completely on the client, without sending a callback to the server. In this demo, you can switch between the server and client column moving modes using the Process column moving on client check box.

Collapse/Expand
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.