Question

默认情况下，Vaadin Tree组件左对齐：根位于左侧，子项位于右侧。

right-to-left

是否可以将对齐设置为root+ child---| grandchild-----| grandchild-----|：根在右边，孩子向左移动？此外，展开/折叠三角形应位于右侧。

SELECT   a.UserID, a.Gender, SUM(IIF(b.[Type] ='Food',1,0))  AS CountOfFood, SUM(IIF(b.[Type] ='Toolkit',1,0)) AS CountOfToolkit, COUNT(*) AS  TotalCount
FROM     UserInfo a INNER JOIN OrderInfo b ON a.UserId = b.UserID_FK
GROUP BY a.UserID, a.Gender

Answer 1

是的，有可能。你可以用风格来做。我为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树从右到左对齐

1 个答案: