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

Data Filter Row

# 
Product Name 
Category 
Quantity Per Unit 
Unit Price 
Reorder Level 
Discontinued 
 
Open filter row popup menu
xv
Open filter row popup menu
x
+
-
Open filter row popup menu
Open filter row popup menu
xv
 ChaiBeverages10 boxes x 20 bags$18.0010
 ChangBeverages24 - 12 oz bottles$19.0025
 Aniseed SyrupCondiments12 - 550 ml bottles$10.0025
 Chef Anton's Cajun SeasoningCondiments48 - 6 oz jars$22.000
 Chef Anton's Gumbo MixCondiments36 boxes$21.350
 Grandma's Boysenberry SpreadCondiments12 - 8 oz jars$25.0025
 Uncle Bob's Organic Dried PearsProduce12 - 1 lb pkgs.$30.0010
 Northwoods Cranberry SauceCondiments12 - 12 oz jars$40.000
 Mishi Kobe NikuMeat/Poultry18 - 500 g pkgs.$97.000
 IkuraSeafood12 - 200 ml jars$31.000
Page 1 of 8 (77 items)Prev12345678Next


In addition to filters executed via the column header, the DevExpress MVC Grid View allows you to enable filtering via its Filter Row UI element. When active, the Filter Row allows end-users to filter grid data by entering text within its cells or by selecting values from its dropdown lists.

To display the Filter Row within the Grid View, set the Settings.ShowFilterRow property to true.

In this demo, the Settings.ShowFilterRowMenu property is also enabled so that end-users can specify filter conditions via a menu. This menu can be invoked by clicking the Filter Row button displayed within Filter Row cells.

Once a filter has been applied, it can be cleared by pressing the Clear button within the Filter Row. Use the CommandColumn.ShowClearFilterButton property to activate this feature.

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
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

Your Next Great MVC App Starts Here

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

DevExpress MVC Extensions 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.