Blazor Tree Grid Example - Edit Template
This samples demonstrates the Tree Grid cell edit template feature. Using template, any custom component can be rendered in a column for editing.
Task ID Press Enter to sort | Task Name Press Enter to sort | Start Date Press Enter to sort | Duration Press Enter to sort | Progress Press Enter to sort | Priority Press Enter to sort |
|---|
| 1 | Planning | 3/2/2021 | 5 | Open | Normal |
| 2 | Plan timeline | 3/4/2021 | 5 | In Progress | Normal |
| 3 | Plan budget | 3/6/2021 | 5 | Started | Low |
| 4 | Allocate resources | 3/8/2021 | 5 | Open | Critical |
| 5 | Planning complete | 7/10/2021 | 1 | Open | Low |
| 6 | Design | 10/12/2021 | 3 | In Progress | High |
| 7 | Software specification | 10/14/2021 | 3 | Started | Normal |
| 8 | Develop prototype | 10/16/2021 | 3 | In Progress | Critical |
| 9 | Get approval from customer | 2/18/2021 | 2 | In Progress | Low |
| 10 | Design complete | 2/20/2021 | 1 | In Progress | Normal |
In this demo, the AutoComplete component is rendered for the "Task Name" column of Tree Grid using the EditTemplate component of TreeGridColumn.
More information on the cell edit template can be found in this documentation section.