前端dataTable渲染数据过多,加载过慢

前端dataTable渲染数据过多,大概9K条数据,导致页面渲染太慢,想问下有没有什么解决办法(由于项目已经运行,不能再进行大处理分页了)

哪有这样一次性加载这么多数据,不卡死才怪。

一般前端加载大量数据都是使用懒加载或预加载

1:懒加载就是在用户滚动页面的时候再自动请求获取数据,而新得到的数据不会影响原有数据的显示

2:预加载就是提前请求资源数据缓存然后用display:none隐藏,用代码实现用户滚动页面的时候再自动显示数据。

 

是的,原来没有想到数据量有这么大,没有分页,结果现在数据量这么大,数据渲染要5秒,有点难。想问下,还有没有其他的方案呢,现在项目已经再用了,也不敢太大改动

获取数据的时候 用currentdata 做当前页的数据,比如50条(alldata的0到49条),,然后点击下一页,把alldata的第50到99条数据slice到currentdata里,注:currentdata的总长度与alldata保持一致,其他位置用空对象来占位,点击分页的时候能根据页数确定是alldata的哪一段数据,再slice到currentdata里

两种方法,项目支持分页就本地页码分页,这个方便.还有一种就是滚动条监听,这种其实也是本地分页的形式,监听滚动条滚到顶部或者底部的时候选择加载