Change Theme Settings
Change Theme Settings
Themes
 
Metropolis
Moderno
iOS
Material
Material Compact
Office 365
Mulberry
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.