search

xiaocheng555 / el-table-virtual-scroll

基于Element-UI的Table 组件开发的虚拟滚动组件，支持动态高度，解决数据量大时滚动卡顿的问题。
232 stars 42 forks source link

当树形数据有多层children嵌套时，数量达到上千行时，就会很卡顿了 #54

Closed yu530feng closed 10 months ago

yu530feng commented 10 months ago

遇到：当树形数据有多层children嵌套时，各级加载展开后，数量达到上千行时，就会很卡顿了
image 看原因还是视窗内行数太多了，不知道有没有解决方案

xiaocheng555 commented 10 months ago

遇到：当树形数据有多层children嵌套时，各级加载展开后，数量达到上千行时，就会很卡顿了 image 看原因还是视窗内行数太多了，不知道有没有解决方案

树结构虚拟滚动只对一级节点有效，如果有多层children嵌套可能是渲染在页面的dom太多导致卡顿，可以看下面这个demo https://xiaocheng555.github.io/el-table-virtual-scroll/#/VTreeDemo?code=VTreeDemo&codeTitle=%E6%A8%A1%E6%8B%9F%E6%A0%91%E7%BB%93%E6%9E%84%E6%87%92%E5%8A%A0%E8%BD%BD

yu530feng commented 10 months ago

是的，问题原因就出在这里：树结构虚拟滚动只计算一级节点渲染的数据 一级节点下有太多子节点了

xiaocheng555 commented 10 months ago

是的，问题原因就出在这里：树结构虚拟滚动只计算一级节点渲染的数据 一级节点下有太多子节点了

image

模拟表格树，不用element-ui的树结构