This sample demonstrates visibility of the Tree Grid lines that separates the rows and columns. In this sample, you can change the gridline from the properties panel.
Task ID | Task Name | Start Date | Duration | Progress |
---|---|---|---|---|
1 | Planning | 2/3/2017 | 5 | 100 |
2 | Plan timeline | 2/3/2017 | 5 | 100 |
3 | Plan budget | 2/3/2017 | 5 | 100 |
4 | Allocate resources | 2/3/2017 | 5 | 100 |
5 | Planning complete | 2/7/2017 | 0 | 0 |
6 | Design | 2/10/2017 | 3 | 86 |
7 | Software Specification | 2/10/2017 | 3 | 60 |
8 | Develop prototype | 2/10/2017 | 3 | 100 |
9 | Get approval from customer | 2/13/2017 | 2 | 100 |
10 | Design Documentation | 2/13/2017 | 2 | 100 |
Grid Lines |
The gridLines
property is used to control the line
visibility that separates the rows and columns. Tree Grid allows us to
display the following grid lines,
Default
- Shows the Horizontal line.
None
- Shows no line.
Both
- Shows both Horizontal and Vertical lines.
Horizontal
- Shows the Horizontal line.
Vertical
- Shows the Vertical line.
{" "} In this demo, you can modify the visibility of gridlines by selecting values in the dropdown.
More information on the gridLines configuration can be found in this documentation section.