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

Compact Layout

Complex Pivot Table
[Layout Button]
[Hidden Field's Headers]
Hidden Fields
[Filter Area Headers]
Filter Area
UnitPrice
[Filter]
[Row Area Headers]
Row Area
Country
(Ascending)[Filter]
Category Name
(Ascending)[Filter]
Product Name
(Ascending)[Filter]
Customer
(Ascending)[Filter]
Order Year
(Ascending)[Filter]
[Column Area Headers]
Column Area
Order Quarter
(Ascending)[Filter]
[Data Area Headers]
Data Area
Quantity
Update


By default, MVC Pivot Grid shows all rows in a hierarchical way, which is common for pivot tables (Full Layout). However, when there are a lot of fields in the Row Area, this kind of presentation may produce a cumbersome layout. To avoid this, the PivotGrid extension allows you to arrange row headers in a tree-like manner (Compact Layout), as shown in this demo.

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
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\MVCxPivotGridDemos

Your Next Great MVC App Starts Here

Get started today and download your 30-day trial of DevExpress MVC Extensions (includes 30 days of free technical support). All demos ship with full source code and are included in the DevExpress MVC distribution. Refer to the Demos and Sample Applications topic to learn more.

DevExpress MVC Extensions 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.