Datatables加载数据太慢

公共马甲0315 2025-03-28 15:25:40

用的是HTML+js脚本模式，发现数据量较大时，几千条数据后，加载数据行、更新数据行还有打印输出时，速度太慢了，可否提供点思路谢谢！

...全文

66 回复打赏收藏转发到动态举报

写回复

回复

切换为时间正序

请发表友善的回复…

发表回复

在项目中用到datatables比较多，但是当datatables加载超过1000多的时候就会出现有点缓慢的的样子，这个时候如果继续增加数据量让datatables去处理，那会是一个让人抓狂的事情，幸好datatables也提供了大数据量的解决办法，下面我结合我的项目，来讲讲怎么用datatables加载大数据量问题。首先看html代码：宿舍信息表记编

JQuery datatables 中如果有很多数据的话，加载就会很慢，这时候就需要使用加载中的效果，而datatables是提供了加载中的属性的：processing，加载中的style样式也是可以自己决定：（你可以只用文字，或者加一个gif的图片），记得开启："bProcessing" : true,参考如下如下内容： if (typeof(datatables_options)

1、datatables加载数量过多会使显示速度太慢可以使用分页加载（设置bPaginate为true，iDisplayLength设置列数，bLengthChange可开启下拉菜单选择列数） 2、使用了分页就牵涉到行id的问题，id在排序或者分页的时候总是不对，这时候可以在行回调的时候把返回的当前行数据里的id附到行上 3、表格字段列太多的话会很挤，同时会出现很严重的换行现象，导致样式很难

$("#table").dataTable({"sPaginationType": "full_numbers","bJQueryUI": false,"bAutoWidth": true,"bFilter": true,"bInfo": true,"aaSorting": [// [0, "desc"]],"iDisplayStart": 0,"iDispl...

官网：http://www.datatables.net/ 中文网：http://dt.thxopen.com/ 问题：在处理太多dom数据或者ajax一次性把数据获得后，datatables表现不是很满意。原因使一次性获得数据后，浏览器需要渲染数据，创建tr，所以数据越多，速度就越慢。为了解决这个问题，datatables提供了服务器模式，把本来客户端所做的事情交给服务器

87,994

社区成员

224,708

社区内容

发帖

与我相关

我的任务

社区管理员

加入社区

近7日
近30日
至今

加载中

查看更多榜单

社区公告

暂无公告

试试用AI创作助手写篇文章吧

+ 用AI写文章