Domyślnie Vaadin Drzewo komponent jest wyrównany do lewej: korzenie znajdują się po lewej stronie, a dzieci poruszają się w prawo.
+ root
|---child
|-----grandchild
|-----grandchild
Czy można ustawić wyrównanie do right-to-left
: korzenie są po prawej, a dzieci poruszają się w lewo? Również trójkąty rozwijania / zwijania powinny znajdować się po prawej stronie.
root+
child---|
grandchild-----|
grandchild-----|
Odpowiedzi:
1 dla odpowiedzi № 1Tak to mozliwe. Możesz to zrobić ze stylami. Napisałem proste rozwiązanie dla tematu Valo (inny motyw może mieć inne style). Mam nadzieję, że niczego nie zapomniałem.
.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;
}
}