Date Range Header Filter - DevExpress ASPxCardView Demo

Header filter mode:

Patient

Doctor

Clinic

Visit Date

Patient:

Cody Hill

Doctor:

Peter Dolan

Clinic:

St. Mary Hospital

Visit Date:

7/23/2025

Patient:

Jacob Jackson

Doctor:

Ray Shipman

Clinic:

Florida General Hospital

Visit Date:

11/2/2025

Patient:

Ian Flores

Doctor:

Mike Roller

Clinic:

Redmond Medical Center

Visit Date:

6/30/2024

Patient:

Daniel Wilson

Doctor:

Tom Hamlett

Clinic:

Orlando Clinic

Visit Date:

11/4/2025

Patient:

Wyatt Mitchell

Doctor:

Peter Dolan

Clinic:

Johnson Neuropsychiatric Hospital

Visit Date:

9/10/2024

Patient:

Patrick Jenkins

Doctor:

Richard Fisher

Clinic:

St. Mary Hospital

Visit Date:

4/7/2025

Page 1 of 500 (3000 items)12 3 4 5 6 7…498 499 500

Create Filter

- Description
- Description
- ASPX
- ASPX
- C#
- C#
- VB
- VB

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

Your Next Great ASP.NET App Starts Here

Get started today and download your 30-day trial of ASP.NET Controls and Libraries (includes 30 days of free technical support).
All demos ship with full source code and are included in the DevExpress ASP.NET distribution. Refer to the Demos and Sample Applications topic to learn more.

DevExpress ASP.NET Controls and Libraries 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 info@devexpress.com or by phone at +1 (818) 844-3383 between 7:30am and 4:30pm Pacific Time.