Change Theme Settings
Change Theme Settings
Show All Themes

Date Range Header Filter

Visit Date Not filtered
Benjamin AndersonJeffrey W McClainCofir Clinic9/24/2021
Angel AdamsCarl LucasSt. Mary Hospital10/5/2021
Joshua WalkerSteve LeeSt. Petersburg University Hospital9/6/2021
Nathaniel YoungDave MurrelDobson Institute for Rehabilitation8/22/2021
Miguel TaylorRichard FisherOrlando Clinic6/13/2021
James BarnesMark HamiltonCofir Clinic4/9/2021
Aidan JamesMike RollerSt. Mary Hospital1/22/2021
Xavier LongRyan FischerRedmond Medical Center12/29/2021
Nathan DiazMike RollerOrlando Clinic3/5/2022
Alex PetersonJeffrey W McClainFlorida General Hospital5/3/2022
Page 1 of 300 (3000 items)Prev1234567298299300Next

The DevExpress ASP.NET MVC GridView provides a powerful data filtering mechanism allowing end-users to filter dates.

A date column's dropdown header filter displays a date editor (date range picker or calendar) and a list of predefined date periods. End-users can filter the records stored in the underlying dataset by selecting the values displayed within the dropdown.

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).

To specify a date editor that is displayed in the dropdown, set the column's SettingsHeaderFilter.Mode property to one of the following values.

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