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

Range Header Filter

v
Patient 
Doctor 
Clinic 
Visit Date Not filtered
Duration Not filtered
Cody HillPeter DolanSt. Mary Hospital8/24/202555
Jacob JacksonRay ShipmanFlorida General Hospital12/4/202526
Ian FloresMike RollerRedmond Medical Center8/1/2024105
Daniel WilsonTom HamlettOrlando Clinic12/6/2025102
Wyatt MitchellPeter DolanJohnson Neuropsychiatric Hospital10/12/202441
Patrick JenkinsRichard FisherSt. Mary Hospital5/9/202579
Eric YoungRichard FisherFlorida General Hospital11/24/2025101
Zachary EvansMike RollerJohnson Neuropsychiatric Hospital6/3/202525
Elijah PowellRichard FisherFlorida General Hospital3/24/202548
Alexander EvansTom HamlettFlorida General Hospital8/3/2025102
Page 1 of 300 (3000 items)Prev1234567298299300Next
Show filter builder dialogCreate Filter 
Did this demo address your needs?
If you’d like us to extend this demo further, please describe your needs below.
Thank you in advance for your cooperation.
SEND FEEDBACK

The DevExpress ASP.NET Grid View (ASPxGridView) implements a powerful data filtering mechanism that allows users to filter date and numeric values. Set a column's AllowHeaderFilter property to true to enable a header filter for the column.

Date Columns

A date column's header filter can display a date range picker or calendar and a list of predefined date periods. Use the column's SettingsHeaderFilter.Mode property to specify the date editor that is displayed in the dropdown.

  • DateRangePicker - the header filter displays a date range picker. Use the DateRangePickerSettings property to customize the editors' settings.
  • DateRangeCalendar - the header filter displays a calendar. Use the DateRangeCalendarSettings property to customize the calendar settings.

Numeric Columns

The ASPxGridView control can display a numeric range picker for numeric columns. Set a column's SettingsHeaderFilter.Mode property to NumericRangePicker to display numeric range editors (two spin edits and a track bar).

Collapse/Expand
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\ASPxGridViewDemos
\Users\Public\Documents\DevExpress Demos XX.X\Components\ASP.NET\VB\ASPxGridViewDemos
Multi-Use Site Controls