Grid View - Filtering Data Filter Row

Product Name 
Quantity Per Unit 
Unit Price 
Reorder Level 
Open filter row popup menu
Open filter row popup menu
Open filter row popup menu
Open filter row popup menu
 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.

Version: v2017 vol 1.7
Copyright © 2006-2017 Developer Express Inc
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 or by phone at +1 (818) 844-3383 between 7:30am and 4:30pm Pacific Time.