Change Theme Settings
Change Theme Settings
Show All Themes

Date Range Header Filter

Visit Date Not filtered
Blake ParkerMike RollerFlorida General Hospital1/6/2021
Brian MartinPaul BaileyFlorida General Hospital7/23/2021
Xavier CoxTom HamlettFlorida General Hospital10/21/2020
Aidan EdwardsSteve LeeSt. Mary Hospital3/10/2021
Luke RiveraPaul BaileyCofir Clinic4/6/2021
Isaac RogersMark HamiltonOrlando Clinic2/3/2022
Sebastian HendersonSteve LeeSt. Petersburg University Hospital1/28/2022
Miguel RiveraJeffrey W McClainRedmond Medical Center2/26/2022
Miguel RodriguezDave MurrelSt. Petersburg University Hospital5/2/2022
Hayden ColemanMark HamiltonFlorida General Hospital1/19/2021
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