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.
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
\Users\Public\Documents\DevExpress Demos XX.X\Components\ASP.NET\CS\MVCxGridViewDemos |