Show theme settings Shopping cart Download trialFree Trial
Change Theme Settings
Change Theme Settings
Show All Themes

Date Range Header Filter

Visit Date Not filtered
Patient:Benjamin Anderson
Doctor:Jeffrey W McClain
Clinic:Cofir Clinic
Visit Date:2/26/2024
Patient:Caleb Gonzales
Doctor:Ryan Fischer
Clinic:Dobson Institute for Rehabilitation
Visit Date:5/30/2025
Patient:Austin Griffin
Doctor:Bert Parkins
Clinic:Dobson Institute for Rehabilitation
Visit Date:11/25/2024
Patient:Ian Ramirez
Doctor:Carl Lucas
Clinic:St. Mary Hospital
Visit Date:2/22/2025
Patient:Sebastian Thompson
Doctor:Ray Shipman
Clinic:Johnson Neuropsychiatric Hospital
Visit Date:10/28/2023
Patient:Aidan James
Doctor:Mike Roller
Clinic:St. Mary Hospital
Visit Date:6/26/2023
Page 1 of 500 (3000 items)Prev1234567498499500Next
Show filter builder dialogCreate Filter 

The DevExpress ASP.NET Grid View (ASPxCardView) 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.

By default, the header filter is disabled, set the column's AllowHeaderFilter property to true to enable it.

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

  • DateRangeCalendar – a calendar is displayed in the filter dropdown. The calendar settings can be customized using the DateRangeCalendarSettings property.
  • DateRangePicker – a date range picker is displayed in the filter dropdown. The editors' settings can be customized using the DateRangePickerSettings property.
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
Open VB Solution
The source code files for this demo are installed (by default) in the following directories:
\Users\Public\Documents\DevExpress Demos XX.X\Components\ASP.NET\CS\ASPxCardViewDemos
\Users\Public\Documents\DevExpress Demos XX.X\Components\ASP.NET\VB\ASPxCardViewDemos