Vue3 哪些组件库有支持虚拟滚动和水平滚动的树形组件?

44 天前
 rcocco
垂直方向能虚拟滚动,水平方向能普通的滚动就好了。
试过 element plus 和 naive ui 的 Tree 组件,但它们都是启用虚拟滚动后,每个节点都变成固定宽度的。
由于树每展开一层就会在左边加缩进,虚拟滚动下节点宽度又是固定的,当树层级很深的时候,深层的节点就啥也看不到了。
737 次点击
所在节点    程序员
2 条回复
rabbbit
44 天前
vxe-table
rcocco
44 天前
@rabbbit
这个要怎么实现水平滚动呢?我按照虚拟树表格的 demo 没能弄出来水平滚动条,设置 scroll-x 属性也不生效。
```html
<div style="width:150px">
<vxe-table
show-overflow
height="400"
ref="tableRef"
:loading="loading"
:show-header="false"
:tree-config="{transform: true}"
:scroll-y="{enabled: true, gt: 0}"
:scroll-x="{enabled: true, gt: 15}"
:data="tableData">
<vxe-column field="name" title="Name" tree-node width="100%"></vxe-column>
</vxe-table>
</div>
```

这是一个专为移动设备优化的页面(即为了让你能够在 Google 搜索结果里秒开这个页面),如果你希望参与 V2EX 社区的讨论,你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://www.v2ex.com/t/1041032

V2EX 是创意工作者们的社区,是一个分享自己正在做的有趣事物、交流想法,可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX