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