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:6/25/2021
Patient:Angel Adams
Doctor:Carl Lucas
Clinic:St. Mary Hospital
Visit Date:7/6/2021
Patient:Joshua Walker
Doctor:Steve Lee
Clinic:St. Petersburg University Hospital
Visit Date:6/7/2021
Patient:Nathaniel Young
Doctor:Dave Murrel
Clinic:Dobson Institute for Rehabilitation
Visit Date:5/23/2021
Patient:Miguel Taylor
Doctor:Richard Fisher
Clinic:Orlando Clinic
Visit Date:3/14/2021
Patient:James Barnes
Doctor:Mark Hamilton
Clinic:Cofir Clinic
Visit Date:1/8/2021
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