Blazor Tree Grid Example - Excel like Filter
Employee ID Press Alt Down to open filter Menu | Full Name Press Alt Down to open filter Menu | Designation Press Alt Down to open filter Menu | Joined Date Press Alt Down to open filter Menu | Country Press Alt Down to open filter Menu | Availability Press Alt Down to open filter Menu | Email Press Alt Down to open filter Menu |
|---|
| EMP001 | Harper Lewis | Chief Executive Officer | 20/10/2003 | New York, USA | Yes | |
| EMP002 | Mia Lewis | VP Engineering | 13/03/2008 | Los Angeles, CA | No | |
| EMP003 | William Carter | VP Marketing | 21/01/2014 | San Francisco, CA | No | |
| EMP004 | Amelia Harris | VP Sales | 03/08/2001 | Seattle, WA | Yes | |
| EMP005 | Ava Brown | Chief of Staff | 05/02/2013 | Seattle, WA | No | |
| EMP006 | Noah Martin | Chief Technology Officer | 21/02/2007 | Seattle, WA | Yes | |
| EMP007 | Mia Carter | Lead Developer | 20/01/2000 | San Francisco, CA | Yes | |
| EMP008 | Emma Carter | Senior Architect | 16/07/2004 | Seattle, WA | Yes | |
| EMP009 | Liam Taylor | DevOps Manager | 07/03/2015 | London, UK | Yes | |
| EMP010 | Amelia Davis | QA Lead | 19/02/2007 | Los Angeles, CA | Yes |
This sample shows how to filter Tree Grid columns using an Excel-like filter dialog with value-based filtering, search, and conditional logic.
Enable Excel-like filtering by setting AllowFiltering to true and TreeGridFilterSettings.Type to FilterType.Excel.
Hierarchy modes (HierarchyMode): Parent (default), Child, Both, and None. In this demo, Parent is enabled by default.
Learn more in the Excel-like filter documentation.