Blazor Tree Grid Example - Default Filtering
Employee ID | Name | Designation | Joined Date | Address | Contact |
|---|---|---|---|---|---|
| EMP001 | Harper Lewis | Chief Executive Officer | 10/20/2003 | 123 Main St, New York | |
| EMP002 | Mia Lewis | VP Engineering | 3/13/2008 | 123 Main St, New York | |
| EMP003 | William Carter | VP Marketing | 1/21/2014 | 555 Maple Dr, Los Angeles | |
| EMP004 | Amelia Harris | VP Sales | 8/3/2001 | 94 Lakeview Rd, Chicago | |
| EMP005 | Ava Brown | Chief of Staff | 2/5/2013 | 789 Pine Rd, London | |
| EMP006 | Noah Martin | Chief Technology Officer | 2/21/2007 | 123 Main St, New York | |
| EMP007 | Mia Carter | Lead Developer | 1/20/2000 | 123 Main St, New York | |
| EMP008 | Emma Carter | Senior Architect | 7/16/2004 | 456 Oak Ave, Chicago | |
| EMP009 | Liam Taylor | DevOps Manager | 3/7/2015 | 555 Maple Dr, Los Angeles | |
| EMP010 | Amelia Davis | QA Lead | 2/19/2007 | 789 Pine Rd, London | |
| EMP011 | Oliver Martin | Chief Marketing Officer | 7/12/1999 | 321 Elm St, Seattle | |
| EMP012 | James Moore | Digital Marketing Head | 8/17/2010 | 456 Oak Ave, Chicago | |
| EMP013 | Emma Thomas | Brand Manager | 3/1/2013 | 123 Main St, New York | |
| EMP014 | Noah Anderson | Content Strategist | 2/2/2001 | 555 Maple Dr, Los Angeles | |
| EMP015 | Mia Moore | PR Manager | 9/23/2007 | 321 Elm St, Seattle | |
| EMP016 | Charlotte Turner | Chief Financial Officer | 1/10/2003 | 321 Elm St, Seattle | |
| EMP017 | William Davis | Financial Controller | 10/3/2004 | 321 Elm St, Seattle | |
| EMP018 | Noah Turner | Senior Accountant | 11/11/2008 | 22 King St, London | |
| EMP019 | William Anderson | Tax Specialist | 9/27/2007 | 789 Pine Rd, London | |
| EMP020 | Lucas Thomas | Data Analyst | 2/17/2007 | 555 Maple Dr, Los Angeles | |
| EMP021 | Emma Thomas | VP Sales - North America | 8/24/2003 | 555 Maple Dr, Los Angeles | |
| EMP022 | Emma Lewis | Regional Sales Manager | 1/21/2013 | 789 Pine Rd, London | |
| EMP023 | James Brown | Account Executive | 5/25/2005 | 321 Elm St, Seattle | |
| EMP024 | Charlotte Taylor | Sales Coordinator | 4/23/2002 | 94 Lakeview Rd, Chicago | |
| EMP025 | Charlotte Carter | Business Development | 11/9/2015 | 789 Pine Rd, London | |
| EMP026 | Ava Carter | VP Sales - Europe | 4/11/1991 | 22 King St, London | |
| EMP027 | Liam Turner | Engineering Manager | 2/9/2008 | 94 Lakeview Rd, Chicago | |
| EMP028 | Charlotte Harris | Tech Lead | 5/7/2001 | 321 Elm St, Seattle | |
| EMP029 | William Harris | Senior Developer | 12/4/2010 | 456 Oak Ave, Chicago | |
| EMP030 | Oliver Anderson | Scrum Master | 7/20/2012 | 321 Elm St, Seattle | |
| EMP031 | Liam Moore | VP Engineering | 12/20/2002 | 123 Main St, New York | |
| EMP032 | Isabella Taylor | Talent Acquisition Lead | 12/21/2015 | 321 Elm St, Seattle | |
| EMP033 | Mia Anderson | HR Business Partner | 6/15/2012 | 555 Maple Dr, Los Angeles | |
| EMP034 | Isabella Harris | Compensation Analyst | 4/7/2011 | 456 Oak Ave, Chicago | |
| EMP035 | Amelia Harris | Facilities Manager | 8/21/2015 | 22 King St, London | |
| EMP036 | Harper Lee | Director of Human Resources | 9/8/2006 | 789 Pine Rd, London | |
| EMP037 | William Anderson | Supply Chain Manager | 2/3/2003 | 789 Pine Rd, London | |
| EMP038 | Ava Turner | Logistics Head | 8/26/2013 | 555 Maple Dr, Los Angeles | |
| EMP039 | William Jackson | Procurement Lead | 11/19/2014 | 789 Pine Rd, London | |
| EMP040 | Mia Harris | Operations Analyst | 7/21/2007 | 321 Elm St, Seattle | |
| EMP041 | Lucas Carter | Director of Operations | 3/8/2005 | 22 King St, London | |
| EMP042 | Noah Taylor | UX Lead | 4/15/2012 | 789 Pine Rd, London | |
| EMP043 | Amelia Moore | Product Designer | 6/27/2007 | 456 Oak Ave, Chicago | |
| EMP044 | Charlotte Anderson | User Researcher | 12/20/2001 | 94 Lakeview Rd, Chicago | |
| EMP045 | Isabella Thomas | UX Writer | 1/2/2003 | 123 Main St, New York | |
| EMP046 | Mia Brown | Director of Product Management | 8/12/1995 | 456 Oak Ave, Chicago | |
| EMP047 | Sophia Jackson | Support Manager | 9/6/2001 | 456 Oak Ave, Chicago | |
| EMP048 | Ethan Carter | L2 Support Engineer | 1/23/2009 | 456 Oak Ave, Chicago | |
| EMP049 | Mia Turner | Customer Success | 11/25/2010 | 555 Maple Dr, Los Angeles | |
| EMP050 | Isabella Brown | Implementation Specialist | 6/14/2012 | 22 King St, London | |
| EMP051 | Ava Davis | Chief Executive Officer | 8/9/2001 | 22 King St, London | |
| EMP052 | Harper Anderson | VP Engineering | 12/26/2000 | 123 Main St, New York | |
| EMP053 | Ethan Harris | VP Marketing | 9/10/2008 | 789 Pine Rd, London | |
| EMP054 | Ava Carter | VP Sales | 8/11/2017 | 456 Oak Ave, Chicago | |
| EMP055 | Oliver Anderson | Chief of Staff | 3/19/2014 | 321 Elm St, Seattle | |
| EMP056 | Isabella Harris | Chief Technology Officer | 9/26/2002 | 789 Pine Rd, London | |
| EMP057 | Sophia Anderson | Lead Developer | 1/26/2017 | 123 Main St, New York | |
| EMP058 | Oliver Wilson | Senior Architect | 6/27/2016 | 94 Lakeview Rd, Chicago | |
| EMP059 | Amelia Thomas | DevOps Manager | 9/6/2003 | 94 Lakeview Rd, Chicago | |
| EMP060 | Harper Martin | QA Lead | 7/22/2014 | 456 Oak Ave, Chicago | |
| EMP061 | Lucas Carter | Chief Marketing Officer | 11/8/1991 | 22 King St, London | |
| EMP062 | Lucas Brown | Digital Marketing Head | 9/12/2008 | 22 King St, London | |
| EMP063 | Sophia Moore | Brand Manager | 5/2/2010 | 555 Maple Dr, Los Angeles | |
| EMP064 | Noah Davis | Content Strategist | 11/5/2005 | 555 Maple Dr, Los Angeles | |
| EMP065 | Harper Carter | PR Manager | 5/3/2014 | 123 Main St, New York | |
| EMP066 | Mia Moore | Chief Financial Officer | 5/21/1996 | 22 King St, London | |
| EMP067 | William Taylor | Financial Controller | 7/7/2002 | 789 Pine Rd, London | |
| EMP068 | Sophia Thomas | Senior Accountant | 5/16/2004 | 321 Elm St, Seattle | |
| EMP069 | James Walker | Tax Specialist | 8/26/2016 | 321 Elm St, Seattle | |
| EMP070 | Emma Jackson | Data Analyst | 11/7/2010 | 123 Main St, New York |
This sample demonstrates a filter bar that lets users type values to filter individual columns.
Enable filtering by setting AllowFiltering to true. A filter bar appears below the header for entering filter values. Configure behavior via TreeGridFilterSettings.
Hierarchical filtering modes (HierarchyMode):
Parent(default) – Show filtered records with parentsChild– Show filtered records with childrenBoth– Show filtered records with parents and childrenNone– Show only filtered records
In this demo, Parent mode is enabled by default.
Learn more in the filtering documentation.