Grouping - ASP.NET MVC Extensions - Card View Demo

Group by:

Brand

Fit

Power, MW

Discount

Price

Brand: Audio Phones

Fit:

Over ear

Power, MW:

200

Discount:

15%

Price:

$350.00

Fit:

Over ear

Power, MW:

140

Discount:

50%

Price:

$630.00

Fit:

On ear

Power, MW:

140

Discount:

40%

Price:

$120.00

Fit:

In ear

Power, MW:

Discount:

40%

Price:

$40.00

Fit:

Over ear

Power, MW:

140

Discount:

10%

Price:

$199.00

Fit:

Over ear

Power, MW:

120

Discount:

45%

Price:

$80.00

Fit:

On ear

Power, MW:

120

Discount:

15%

Price:

$25.00

Brand: Extra Bass

Fit:

Over ear

Power, MW:

150

Discount:

20%

Price:

$210.00

Fit:

Over ear

Power, MW:

230

Discount:

25%

Price:

$370.00

Fit:

On ear

Power, MW:

100

Discount:

12%

Price:

$320.00

Fit:

On ear

Power, MW:

130

Discount:

Price:

$100.00

Fit:

Over ear

Power, MW:

170

Discount:

20%

Price:

$150.00

Fit:

On ear

Power, MW:

210

Discount:

25%

Price:

$725.00

Fit:

Over ear

Power, MW:

100

Discount:

Price:

$99.00

Brand: Sensitive Sound

Fit:

On ear

Power, MW:

200

Discount:

Price:

$900.00

Fit:

In ear

Power, MW:

Discount:

Price:

$20.00

Fit:

On ear

Power, MW:

240

Discount:

10%

Price:

$100.00

Fit:

In ear

Power, MW:

Discount:

Price:

$80.00

Fit:

On ear

Power, MW:

180

Discount:

Price:

$940.00

Fit:

Over ear

Power, MW:

250

Discount:

Price:

$99.00

Fit:

Over ear

Power, MW:

120

Discount:

50%

Price:

$490.00

Fit:

Over ear

Power, MW:

190

Discount:

50%

Price:

$430.00

Brand: Superheads

Fit:

Over ear

Power, MW:

100

Discount:

30%

Price:

$250.00

Fit:

Over ear

Power, MW:

180

Discount:

20%

Price:

$210.00

Fit:

Over ear

Power, MW:

300

Discount:

10%

Price:

$400.00

Fit:

In ear

Power, MW:

Discount:

Price:

$24.00

Fit:

On ear

Power, MW:

200

Discount:

Price:

$1,250.00

Fit:

In ear

Power, MW:

Discount:

Price:

$10.00

Fit:

On ear

Power, MW:

140

Discount:

20%

Price:

$420.00

Fit:

On ear

Power, MW:

250

Discount:

10%

Price:

$60.00

The DevExpress ASP.NET MVC Card View (CardViewExtension) allows you to group cards by columns. In this demo, the card view groups its cards by the "Brand" column and sorts in ascending order. Use the "Group by" combo box to group card view cards by other columns.

Set the ShowGroupSelector and ShowHeaderPanel properties to true to enable grouping in the card view.

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

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.