1、现象 有时候el-table的数据可能有成千上万条，而且又要在一页显示完，这时候页面渲染的dom太多了，可能会造成页面卡顿。 解决方案：给表格固定高度，只渲染用户在表格中滚动的视图dom 2、卡顿原因 因为数据量过多导致浏览器渲染过多的标签元素 导致DOM树占用内存较大 ...

背景 1.现需要呈现一个表格，有近500行，30多列，使用vue+elementUI呈现。这个数据量不算大，但可能列数比较多，渲染时速度很慢，滚动会有卡顿，使用体验不佳。但并不想做分页处理，想要尽可能接近excel的呈现。 2.做了分页处理每页也有200行数据30多列 滚动会有卡顿、多选、单选 ...

问题描述： 数据使用el-table加载，大概有1万多条。页面非常卡，查看内存占用到1.1个G，存在严重的性能问题。 考虑思路： 1、用table或者pl-table替换el-table。尝试后发现性能提升不大，仍然占用大量内存。 2、网上很多解决方案是说通过分页来加载，但我 ...

问题描述： 数据使用el-table加载，大概有1万多条。页面非常卡，查看内存占用到1.1个G，存在严重的性能问题。 考虑思路： 1、用table或者pl-table替换el-table。尝试后发现性能提升不大，仍然占用大量内存。 2、网上很多解决方案是说通过分页来加载，但我 ...

1、el-table：是ElementUI 给我们封装了很好的表格处理方法，但对于大数据量渲染，e-table性能却表现很差，占用大量内存。 2、pl-table：可以解决性能问题。但目前pl-table已经停止更新了，取而代之是umy-ui。开发文档 umy-ui目前主要还是以表格为主 ...

el-table组件去掉滚动条 如果是多个table拼接在一起，即使设置了width:0; 若出现滚动条table之间依然有一条线，此时可以判断是否出现滚动条，若存在滚动条就给table的父元素设置一个class，并设置以下属性： 判断是否滚动 ...

el-table超出一定高度设置滚动条两种方法，设置height和max-height都可出现滚动条。 1、给table设置height属性为250，表格固定有300px这么高。 2、给他变了设置max-height为300，表格数据超出250。如果表格只有一条数据，且高度 ...

elementui的el-table表格下方的滚动条消失 如图： 加如下代码即可： <style lang="scss" scoped> 效果如图： ...