Filter Row

 
TaskAssigned ToStart DateDue DatePriorityProgress
 
Simplify & Clarify Product Messaging
John Heart4/3/20184/14/2018LowIn progress
Reduce Churn to Less than 1% Monthly
Arnie Schwartz2/12/20185/1/2018LowIn progress
 
 
Prepare Product Recall Report
Hannah Brookly2/20/20184/24/2018LowIn progress
 
 
Review Product Recall Report with Engineering Team
Harv Mudd2/27/20184/21/2018LowIn progress
Increase the CTR% to Above Industry Average 3.5%
Karen Goodson7/11/20174/15/2018LowIn progress
 
 
Create New Product Pages
Violet Bailey11/8/20171/26/2018LowIn progress
 
 
Review New Product Pages
Ken Samuelson10/5/20174/1/2018HighIn progress
Begin Content Review
Victor Norris4/27/20172/25/2018MediumIn progress
 
 
Discuss Product Giveaways with Management
Kelly Rodriguez5/23/20171/25/2018LowIn progress
Produce Online Survey
Karen Goodson10/14/20173/25/2018LowIn progress
 
 
Staff Productivity Report
Sandy Bright12/20/20171/20/2018LowIn progress
Research and Improve Customer Satisfaction
Robin Cosworth10/27/20174/30/2018MediumIn progress
 
 
Email Test Report on New Products
Brad Jameson1/11/20184/10/2018LowIn progress
Implement New Product Planning Process
Samantha Bright1/17/20184/28/2018LowIn progress
 
 
Prepare Product Recall Report
Arthur Miller1/17/20182/21/2018HighIn progress
 
 
Review Product Recall Report by Engineering Team
Robert Reagan2/19/20182/28/2018HighIn progress
Support Marketing and Sales with Design Deliverables
Arnie Schwartz10/14/201711/4/2017LowIn progress
 
 
Create New Product Pages
Jim Packard10/18/201710/21/2017LowIn progress
 
 
Review New Product Pages
Hannah Brookly10/15/201710/23/2017LowCompleted
Finish Raising New Capital for Growth Needs
Wally Hobbs10/28/20174/24/2018LowIn progress
Data grid with 25 rows and 6 columns
0 rows are selected

The DevExpress Blazor TreeList allows users to filter data as their needs dictate. Enable the ShowFilterRow property to activate the integrated DevExpress TreeList Filter Row (displays in-place editors for all data columns). When a user enters a value into an editor, the TreeList creates a filter condition based on the value and applies this condition to the corresponding column. The FilterTreeMode property specifies whether the TreeList component displays child/parent records for rows that meet search criteria. Select the Display Nodes option to try different filter modes.

You can use the following column properties to customize filter row behavior:

  • FilterRowOperatorType — Specifies an operator used to create a filter condition based on the filter row value. If you do not define this option, our Blazor TreeList chooses the operator type automatically: Contains for columns bound to string data types; Equal for all others.
  • FilterRowValue — Specifies the initial value in the filter row editor. If you define this property, you should also specify the FilterRowOperatorType property.
  • FilterRowEditorVisible — Specifies whether to display the filter row editor.

The TreeList allows you to customize filter row editors in the following manner:

In this demo, settings for the Assigned To and Priority columns are modified to display values from external collections for the filter row/data rows. The FilterRowCellTemplate property implements the filter editor for the Progress column.