Blazor Tree Grid Example - Cell Edit Type
This sample demonstrates the different cell edit types of Tree Grid column. The list of built-in cell edit types available are as follows,
NumericTextBoxcomponent for integers, double, and decimal type columns.DefaultEditcomponent for string type columns.DropDownListcomponent for list type columns.DatePickercomponent for date type columns.DateTimePickercomponent for datetime type columns.Checkboxcomponent for boolean type columns
Task ID | Task Name | Start Date | Approved | Progress | Priority |
|---|
| 1 | Planning | 3/2/2021 | Open | Normal | |
| 2 | Plan timeline | 3/4/2021 | In Progress | Normal | |
| 3 | Plan budget | 3/6/2021 | Started | Low | |
| 4 | Allocate resources | 3/8/2021 | Open | Critical | |
| 5 | Planning complete | 7/10/2021 | Open | Low | |
| 6 | Design | 10/12/2021 | In Progress | High | |
| 7 | Software specification | 10/14/2021 | Started | Normal | |
| 8 | Develop prototype | 10/16/2021 | In Progress | Critical | |
| 9 | Get approval from customer | 2/18/2021 | In Progress | Low | |
| 10 | Design complete | 2/20/2021 | In Progress | Normal |
In this sample, Tree Grid columns are shown with the following EditType of TreeGridColumn.
NumericTextBoxDropDownListDatePickerDefaultEditCheckbox
More information on cell edit type can be found in this documentation section.