vxe-table icon indicating copy to clipboard operation
vxe-table copied to clipboard

关于Tree table在全展开大量结点后,导致整个浏览器都变得十分卡顿的情况

Open Kitetop opened this issue 2 years ago • 1 comments

(必填)这个需求解决了什么问题: 希望在一定的程度上,能够减少浏览器的卡顿,因为我能够接受当我数据量过大的时候,浏览器需要耗费很多时间去渲染这些数据,我需要等待一定时间(在我不使用虚拟滚动的时候),但是我没有办法接受我操作完全展开,数据完全选然后,我的整个浏览器都变得十分卡顿,当我不操作Tree table而是操作其他地方的时候,浏览器也需要很长的时间去反应。似乎Tree table在展示大量数据,setTreeExpand这个API会导致浏览器阻塞(我直接使用xTable的 treeExpandeds 属性,去修改它也会有这样的问题)

截图或在线链接: image

建议的 API 是什么样的: 对于 setTreeExpand这个API,尤其是对于一次展开多个结点的时候,是否能够采取一定的策略来展开(比如说是在我可视区域外面的结点,暂时不予以展开),以及后续更新style,是否会导致浏览器多次重排,从而阻塞了浏览器。

是否已有其他不错的替代方案: 暂时我使用了创建新图层的方法,即给tableBody增加了transform: translate3d(0, 0, 0);的样式,在相同的数据量下,避免了我浏览器整体卡顿的情况,希望官方能够有更好的建议。

Kitetop avatar Sep 02 '21 02:09 Kitetop