khan4019/tree-grid-directive

First column can overwrite contents of other cells

devnu11 opened this issue · 0 comments

It is reasonably easy to force with some   in the first column, and filling other columns with buttons

Anyways the resolution for me was to switch use the following css. I didn't want to do a pull request, b/c I am guessing there is a reason for the relative positioning vs. the solution below. And i wanted to understand before doing a pull request.

.tree-grid .level-1 td:first-child {
padding-left: 0px;
}

.tree-grid .level-2 td:first-child {
padding-left: 20px;
}

.tree-grid .level-3 td:first-child {
padding-left: 40px;
}

.tree-grid .level-4 td:first-child {
padding-left: 60px;
}

.tree-grid .level-5 td:first-child {
padding-left: 80px;
}

.tree-grid .level-6 td:first-child {
padding-left: 100px;
}

.tree-grid .level-7 td:first-child {
padding-left: 120px;
}

.tree-grid .level-8 td:first-child {
padding-left: 140px;
}

.tree-grid .level-9 td:first-child {
padding-left: 160px;
}