默认情况下,Vaadin
Tree组件左对齐:根位于左侧,子节点向右移动.
+ root
|---child
|-----grandchild
|-----grandchild
是否可以将对齐设置为从右到左:根在右边,孩子向左移动?此外,展开/折叠三角形应位于右侧.
root+
child---|
grandchild-----|
grandchild-----|
最佳答案 对的,这是可能的.你可以用风格来做.我为Valo主题编写了简单的解决方案(另一个主题可能有其他样式).希望我没有忘记任何事情.
.v-tree.rtl-tree {
direction: rtl;
.v-tree-node-caption {
span {
padding-left: 28px;
text-align: right;
}
.v-icon {
padding-left: 0;
}
}
.v-icon + span {
margin-right: 7px;
}
.v-tree-node::before {
right: 19px;
}
.v-tree-node.v-tree-node-root::before {
right: 0; // special for root node
}
.v-tree-node-children {
padding-right: 19px;
}
}