默认情况下,Vaadin Tree组件左对齐:根在左边,子元素向右移动。
+ root
|---child
|-----grandchild
|-----grandchild
是否可以将对齐设置为
right-to-left
: 根在右边, children 在向左移动?展开/折叠三角形也应该在右侧。 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;
}
}
关于Vaadin 树从右到左对齐,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/39073535/