qq_37962402
生如夏花帅
采纳率100%
2021-03-01 08:35

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

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

  • 点赞
  • 写回答
  • 关注问题
  • 收藏
  • 复制链接分享
  • 邀请回答

4条回答

  • hu071700 AllPromise 1月前

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

    点赞 评论 复制链接分享
  • weixin_43551840 我爱吃西瓜喵 1月前

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

    点赞 评论 复制链接分享
  • qq_37962402 生如夏花帅 1月前

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

    点赞 评论 复制链接分享
  • wanmeikakaxi wanmeikakaxi 1月前

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

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

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

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

     

    点赞 评论 复制链接分享

为你推荐