处理el-table大数据卡顿的问题，包含tree型数据格式

文章目录

• • 概要
  • 技术细节
  • 小结

    概要

    如果你有更丰富的表格需求，可以查看我另一篇文章 关于vxe-table的使用心得及扩展

    1、现象

    有时候el-table的数据可能有成千上万条，而且又要在一页显示完，这时候页面渲染的dom太多了，可能会造成页面卡顿。

    解决方案：给表格固定高度，只渲染用户在表格中滚动的视图dom

    2、卡顿原因

    因为数据量过多导致浏览器渲染过多的标签元素 导致DOM树占用内存较大 使得用户操作阻塞。

    具体原理可参考别的大佬写的文章：DOM性能瓶颈与Javascript性能优化.

    3、解决方法及原理

    原理

    解决思路可参考： 页面中长列表滚动的优化.

    解决方法

    使用第三方插件 npmjs.com/package/pl-ta

    技术细节

    小结

    此搬运是为了防止地址失效，原作者在下方

    感谢原文地址