Change Theme Settings
Change Theme Settings
Themes
 
Show All Themes
v
...v

Header Bands

Drag a column header here to group by that column
Sales Person 
Order 
Company 
Date 
Product 
Qty 
Name 
Country 
Region 
Name 
Unit Price 
Steven BuchananVins et alcools ChevalierFrance 7/4/2018Queso Cabrales$14.0012
Steven BuchananVins et alcools ChevalierFrance 7/4/2018Singaporean Hokkien Fried Mee$9.8010
Steven BuchananVins et alcools ChevalierFrance 7/4/2018Mozzarella di Giovanni$34.805
Michael SuyamaToms SpezialitätenGermany 7/5/2018Tofu$18.609
Michael SuyamaToms SpezialitätenGermany 7/5/2018Manjimup Dried Apples$42.4040
Margaret PeacockHanari CarnesBrazilRJ7/8/2018Jack's New England Clam Chowder$7.7010
Margaret PeacockHanari CarnesBrazilRJ7/8/2018Manjimup Dried Apples$42.4035
Margaret PeacockHanari CarnesBrazilRJ7/8/2018Louisiana Fiery Hot Pepper Sauce$16.8015
Janet LeverlingVictuailles en stockFrance 7/8/2018Gustaf's Knäckebröd$16.806
Janet LeverlingVictuailles en stockFrance 7/8/2018Ravioli Angelo$15.6015
Page 1 of 216 (2155 items)Prev1234567…214215216Next

The DevExpress ASP.NET Grid View (ASPxGridView) ships with a multi-row header feature to help you organize grid columns into logical groups (bands).

A band is visually represented by a header displayed above the headers of the columns it combines. Each band is of a specific column type - GridViewBandColumn. Unlike data columns, a band column is not designed to display data values directly, but to contain data (child) columns within its Columns collection. This allows you to create a hierarchy of nested bands and place a data column and a band column at the same hierarchy level.

Bands provide both display and usability benefits. They can be dragged by end-users to reorder columns. This is extremely useful if you need to provide a quick way to rearrange columns while preserving their logical grouping. Note that columns (and bands) are only allowed to move within their parent bands - you cannot move a child column from one parent band to another. This prevents end-users from breaking column grouping logic.

Resizing and column freezing features are also available when using bands. Column freezing (controlled by the FixedStyle property) can only be applied to columns and bands located at the root hierarchy level (i.e., within the grid's Columns collection).

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.