THEMES
THEME SETTINGS

Card View - Filtering and Sorting Header Filter



Company Name Not filtered
Country Not filtered
City Not filtered
Unit Price Not filtered
Quantity Not filtered
Discount Not filtered
Total Not filtered
Company Name:Blondesddsl père et fils
Country:France
City:Strasbourg
Unit Price:$31.20
Quantity:30
Discount:0 %
Total:$936.00
Company Name:Blondesddsl père et fils
Country:France
City:Strasbourg
Unit Price:$12.00
Quantity:20
Discount:0 %
Total:$240.00
Company Name:Morgenstern Gesundkost
Country:Germany
City:Leipzig
Unit Price:$36.40
Quantity:20
Discount:0 %
Total:$728.00
Company Name:Morgenstern Gesundkost
Country:Germany
City:Leipzig
Unit Price:$39.40
Quantity:12
Discount:0 %
Total:$472.80
Company Name:Berglunds snabbköp
Country:Sweden
City:Luleå
Unit Price:$3.60
Quantity:12
Discount:0 %
Total:$43.20
Company Name:Berglunds snabbköp
Country:Sweden
City:Luleå
Unit Price:$19.20
Quantity:20
Discount:0 %
Total:$384.00
Page 1 of 360 (2155 items)Prev1234567358359360Next

The DevExpress ASP.NET MVC Card View provides a powerful data filtering mechanism that allows end-users to easily filter cards using the Customization popup window.

To enable header filtering set the Settings.ShowHeaderFilterButton property to true.

A particular filter mode for a fuilter dropdown can be specified for individual columns with the column's SettingsHeaderFilter.Mode property. If this property is set to the CheckedList for a given column, then the column's header filter dropdown will contain a check box list, allowing end-users to select multiple values for the filter criteria.

In addition to default filtering, the MVC Card View allows you to create custom filter values, define filter criteria and display these values within the column's filter dropdown (via the HeaderFilterFillItems method delegate). In this demo, custom filter values are displayed within the 'Total' and 'Quantity' column filter dropdowns.

Version: v2017 vol 1.3
Copyright © 2006-2017 Developer Express Inc
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.