Grid View - Filtering 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
Blondesddsl père et filsFranceStrasbourg$31.20300 %$936.00
Blondesddsl père et filsFranceStrasbourg$12.00200 %$240.00
Morgenstern GesundkostGermanyLeipzig$36.40200 %$728.00
Morgenstern GesundkostGermanyLeipzig$39.40120 %$472.80
Berglunds snabbköpSwedenLuleå$3.60120 %$43.20
Berglunds snabbköpSwedenLuleå$19.20200 %$384.00
Berglunds snabbköpSwedenLuleå$6.20300 %$186.00
Vins et alcools ChevalierFranceReims$30.4040 %$121.60
Magazzini Alimentari RiunitiItalyBergamo$13.60300 %$408.00
Magazzini Alimentari RiunitiItalyBergamo$10.00200 %$200.00
Page 1 of 216 (2155 items)Prev1234567214215216Next

The DevExpress ASP.NET MVC GridView provides a powerful data filtering mechanism that displays a dropdown list of all unique values within a column. End-users can easily filter the grid records by selecting the values displayed within the dropdown. The dropdwon can be invoked by a click on a column header’s filter button.

Header filter dropdown buttons are disabled by default. You can display filter buttons either for for all columns (by enabling the grid's Settings.ShowHeaderFilterButton property) or for individual columns (by enabling a column's AllowHeaderFilter property).

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 GridView allows you to create custom filter values, define filter criteria and display these values within the column's filter dropdown. To do this, implement a method delegate specified by the HeaderFilterFillItems property. In this demo, custom filter values are displayed within the 'Total' and 'Quantity' columns' filter dropdowns.

Version: v2017 vol 1.7
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 or by phone at +1 (818) 844-3383 between 7:30am and 4:30pm Pacific Time.