Change Theme Settings
Change Theme Settings
Themes
 
Metropolis
Moderno
iOS
Material
Material Compact
Office 365
Mulberry
Show All Themes
v
...v

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 Card View (ASPxCardView) provides a powerful data filtering mechanism that displays a dropdown list of all unique values within a column. This allows end-users to easily filter cards by selecting the values displayed within the dropdown.

Additionally, end-users can filter items by entering text in the filter editor above the list. When typing a filter string, the header filter items list is automatically updated, so only the relevant items that match the filter string are displayed.

Filter dropdown buttons are disabled by default. To show filter buttons, set the ShowHeaderFilterButton property to true.

You can specify the header filter mode for a column using the SettingsHeaderFilter.Mode property.

  • In List mode, the column's header filter dropdown displays a regular list of filter items, allowing end-users to select single value.
  • In CheckedList mode, the column's header filter dropdown contains a check box list, allowing end-users to select multiple values for the filter criteria.
  • DateRangeCalendar and DateRangePicker modes are available for date columns only. You can take a look at these modes in the Date Range Header Filter demo.

The ASPxCardView allows you to create custom filter values, define filter criteria and display these values within the column's filter dropdown. To do this, handle the HeaderFilterFillItems event. In this demo, custom filter values are displayed within the 'Total' and 'Quantity' columns' filter dropdowns.