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

Sorting Data

Baths 
Beds 
House Size 
Price Ascending
3929 Freedman St, Jacksonville, IL 62656
Baths:3
Beds:4
House Size:6120
Price:$200,000.00
8512 Tanglewood Cir, Reform, AL 35487
Baths:2
Beds:3
House Size:5600
Price:$250,000.00
1268 Bright St, Jersey City, NJ 07308
Baths:2
Beds:4
House Size:5770
Price:$310,000.00
1198 Theresa Cir, Whitinsville, MA 01582
Baths:3
Beds:4
House Size:4990
Price:$320,000.00
420234 Rogge St, Detroit, MI 48234
Baths:3
Beds:4
House Size:6900
Price:$320,000.00
6351 Forrest St, Jersey City, NJ 07308
Baths:4
Beds:4
House Size:10255
Price:$320,000.00
Page 1 of 5 (25 items)Prev12345Next


The DevExpress ASP.NET MVC Card View allows end-users to sort data against an unlimited number of columns.

You can specify the sorting settings in code by using a column's SortOrder property.

End-users can sort cards using the Customization popup window. The window can be invoked by clicking the Customization link.

The Customization window contains card view column headers. A column's current sort order is indicated by a sort glyph displayed on the right side of the column header. When a column is not sorted, the sort glyph is hidden.

InIn this demo, you can click a column header to initiate sorting or change column sort order (from ascending to descending, and vice versa). To sort data against multiple columns, click the required column headers while holding down the SHIFT key.

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