Blazor Tree Grid Example - Filterbar Template
This sample shows the template support of filter bar in Tree Grid. Any component can be placed in filter bar using template support.
Task ID | Task Name | Start Date | Progress | Duration | Priority |
|---|---|---|---|---|---|
| 1 | Parent task 1 | 8/28/2022 | In Progress | 34 | Critical |
| 2 | Child task 1 | 8/29/2022 | Validated | 1 | Critical |
| 3 | Child task 2 | 8/30/2022 | Open | 98 | Low |
| 4 | Sub task 1 | 8/29/2022 | Closed | 67 | Normal |
| 5 | Sub task 2 | 8/30/2022 | Closed | 14 | Normal |
| 6 | Sub task 3 | 8/31/2022 | Closed | 67 | Normal |
| 7 | Parent task 2 | 8/29/2022 | Open | 52 | Low |
| 8 | Child task 3 | 8/29/2022 | Validated | 1 | Critical |
| 9 | Child task 4 | 8/30/2022 | Open | 98 | Low |
| 10 | Sub task 4 | 8/29/2022 | Closed | 67 | Normal |
| 11 | Sub task 5 | 8/30/2022 | Closed | 14 | Normal |
| 12 | Sub task 6 | 8/31/2022 | Closed | 67 | Normal |
In this demo, the FilterTemplate component of the TreeGridColumn has been used to create a dropdown list for the Duration Column, from which a value can be selected to filter the column.
More information on the filter bar template can be found in this documentation section.