Column Filter Menu

 
TaskNo filter appliedAssigned ToNo filter appliedStart DateNo filter appliedDue DateNo filter appliedProgressNo filter applied
Simplify & Clarify Product Messaging
John Heart4/3/20184/14/2018
Create Action Plan to Improve Customer Engagement
Robert Reagan8/8/20174/8/2018
Increase Average Subscription Price
Wally Hobbs8/9/20179/13/2017
Reduce Churn to Less than 1% Monthly
Arnie Schwartz2/12/20185/1/2018
Finalize the Content Strategy
Stu Pizaro3/10/20184/11/2018
Grow Subscriber Base by 5% per Week
Sandra Johnson7/24/20172/10/2018
Increase the CTR% to Above Industry Average 3.5%
Karen Goodson7/11/20174/15/2018
Close the Final Budget
Hannah Brookly6/5/20176/18/2017
Achieve Record Metrics in All Areas
Ed Holmes4/24/20172/3/2018
Begin Content Review
Victor Norris4/27/20172/25/2018
Produce Online Survey
Karen Goodson10/14/20173/25/2018
Improve Our Content and Its Distribution
Arnie Schwartz4/29/201711/9/2017
Update Old Content
Maggie Boxter2/2/20184/2/2018
Map and Analyze Marketing Channels
Samantha Bright7/5/20174/19/2018
Research and Improve Customer Satisfaction
Robin Cosworth10/27/20174/30/2018
Present an Action Plan for Next Quarter
Arnie Schwartz6/6/20175/11/2018
Achieve Record Revenues While Increasing Profitability
Samantha Piper10/21/20172/28/2018
Hit Quarterly Revenue of Over $1000000
Clark Morgan8/30/20171/7/2018
Start Sales in 2 New Countries
Brad Farkus9/26/201710/4/2017
Increase Gross Profit Margin from 54% to 63%
Sandra Johnson7/14/201710/25/2017
Data grid with 37 rows and 5 columns
0 rows are selected

The DevExpress Blazor TreeList includes column filter menus — Excel-inspired drop-down lists used to filter column values. You can access these menus using column header buttons.

Use the Display Filter Menu Buttons option to specify filter button visibility. Click a button to open the filter menu, select/deselect values, and view results within the DevExpress Blazor TreeList. Note: The Progress column uses a custom template to display a filter value list.

Tips:

  • The size grip in the corner of the filter menu allows you to resize the menu.
  • Once you apply a filter to a column, filter menus across other columns hide values that do not match the current criteria. Hold down Shift and click a filter button to display all values.
  • You can focus a column header and press Alt+Down Arrow or Shift+Alt+Down Arrow to open the filter menu.

Specify FilterMenuButtonDisplayMode at the component/column level to activate filter menus for all/specific columns within your project/app. Handle the CustomizeFilterMenu event to customize filter items. Use DataColumnFilterMenuTemplate or FilterMenuTemplate to display custom content within filter menus. Refer to the following help topic for additional information: Column Filter Menu.