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