Filter Panel

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

The DevExpress Blazor TreeList component ships with an integrated Filter Panel. This panel includes the following UI elements:

  • A filter toggle — Allows you to temporarily deactivate the filter.
  • Current filter condition — Click it to open the Filter Builder dialog and customize the filter condition.
  • Clear Filter button

Our Blazor TreeList automatically synchronizes filter changes across all filter elements. Try and customize the filter condition using the Filter Builder or Column Filter Menus. Note how our TreeList component immediately updates the Filter Panel.

Use the FilterPanelDisplayMode option to control panel visibility:

  • Never (Default) — The Filter Panel is hidden.
  • Always — The Filter Panel is always visible.
  • Auto — The Filter Panel appears when data is filtered (otherwise, the panel is hidden).

The FilterTreeMode property specifies whether the TreeList component displays child/parent records for rows that meet filter criteria. Select the Display Nodes option to try different filter modes.