Show theme settings Shopping cart Download trialFree Trial
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)Prev1234567214215216Next

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