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

Merging Groups

Country Ascending
City Ascending
Company Name 
Contact Name 
CollapseCountry: Argentina; City: Buenos Aires
 Cactus Comidas para llevarPatricio Simpson
 Océano Atlántico Ltda.Yvonne Moncada
 Rancho grandeSergio Gutiérrez
CollapseCountry: Austria; City: Graz
 Ernst HandelRoland Mendel
CollapseCountry: Austria; City: Salzburg
 Piccolo und mehrGeorg Pipps
CollapseCountry: Belgium; City: Bruxelles
 Maison DeweyCatherine Dewey
Page 1 of 16 (160 items)Prev1234567141516Next

This demo illustrates how to merge grouped columns in the MVCxGridView. In this mode, a user can group grid data by multiple columns at once and combine them into a single grouping level. Drag a column header to the group panel and merge it into an existing group level. Rearrange those merged column headers to reorganize and reorder the grid data. To remove a column from the merged groups, drag it back to the column area of the grid.

Set the MergeGroupsMode property to Always to enable merged grouping.

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
The source code files for this demo are installed (by default) in the following directory:
\Users\Public\Documents\DevExpress Demos XX.X\Components\ASP.NET\CS\MVCxGridViewDemos