table 数据量太大，列太多，导致渲染过慢，有没有什么优化的方法啊？

Question

好像在IE上非常的慢，chrome还有，有没有什么好的办法优化。
没通过ajax拿数据，一次查出该页面显示的所有数据一起发送给浏览器

Answer 1

分页比较好，如果有10000条记录，假设table有5列，那么10000条记录最少产生50000个dom节点，那时，神仙也拯救不能拯救这个浏览器了。
使用ajax的话，如果你没有清理之前显示的数据，那么最终也会导致上面的问题

Answer 2

确实dom有四五万个的

Answer 3

可以使用bootstrap的栅格系统做布局，

Answer 4

首先需要确定到底是哪慢
ttfb时间过长，就需要去优化后台查询方法
数据传输时间过长，分步加载

Answer 5

并非只有分页方法。可以考虑使用“虚拟dom无限滚动加载”！

Answer 6

一次性获取出来的数据为list，然后对list进行分页处理，例如你可以按照 pageSize 个显示，再根据list的长度获取总页数存在余数的话页数+1，每次点击时，都要在在list取出对应页的数据 list.slice((currentPage-1)*pageSize,currentPage*pageSize) 

Answer 7

https://github.com/livelyPeng/pl-table 流畅渲染万级数据并不会影响到 element-ui el-table组件的原有功能，并且新增了一些功能

Answer 8

https://github.com/livelyPeng/pl-table 流畅渲染万级数据并不会影响到 element-ui el-table组件的原有功能，并且新增了一些功能

Answer 9

https://github.com/livelyPeng/pl-table 流畅渲染万级数据并不会影响到 element-ui el-table组件的原有功能，并且新增了一些功能