GWT：在树小部件背景中绘制线条答案

【问题标题】：GWT : Draw lines in Tree widget backgroundGWT：在树小部件背景中绘制线条
【发布时间】：2014-07-25 06:26:13
【问题描述】：

我知道有一个选项可以将图像设置为树背景并在需要时使其重复。但我想在树背景中绘制水平线，使其看起来像一张桌子。水平线应该适合树的整个宽度。我怎样才能在 GWT 中做到这一点？请帮忙。

【问题讨论】：

【解决方案1】：

这应该可以。将此类添加到您的 TreeItem：

.gwt-Tree table {
    table-layout: fixed;
    width: 100%;
}
.gwt-Tree table td:first-child {
    width: 18px;
}
.myTreeItem {
    margin-left: 0 !important;
    padding: 3px 3px 3px 39px;
}
.myTreeItem, .myTreeItem > table {
    border-bottom: solid 1px #464646;
}

【讨论】：

我希望线条适合整个树的宽度。即线条应始终从 (0,y) 开始。现在，它从树项缩进开始。
底线以嵌套节点的缩进开始。我们可以让它总是从“X”原点开始。即没有缩进吗？
但是将 "margin-left" 设置为 0 会使视图看起来像一个表格。它看起来不像一棵树。而且，现在底部边框只出现在有子节点的节点上。底部叶节点不显示边框。
我希望嵌套项目被缩进，但不是底线。再次，通过将 margin-left 设置为 0 使其看起来像表格。
还有父节点的底线，当父节点展开时，移动到它的最后一个子节点。所以，这导致最后一个叶子节点有2条底线。