Ваадин дърво от дясно до ляво подреждане - ваадин, ваадин7

По подразбиране Vaadin Дърво компонентът е подравнен в ляво: корените са отляво и децата се движат надясно.

+ root
|---child
|-----grandchild
|-----grandchild

Възможно ли е да се настрои подравняването right-to-left: Корените са отдясно и децата се движат наляво? Също така, триъгълниците с разширение / свиване трябва да са отдясно.

           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;
}
}