如何优化jquery数据表以有效地加载大数据(10k-50k行)?

时间:2014-09-26 05:14:19

标签: jquery html jquery-datatables

我正在使用具有最小配置的jquery数据表来展示我网站上的数据。我有 10K到50K的记录显示在数据表中

目前,数据表需要 60秒来初始化3000条记录

有两个选项可用于初始化数据表: -

1)在页面上添加记录作为html表,然后在该表上初始化数据表 2)拥有一个json记录,然后使用该数据初始化数据表。

执行以下步骤有助于我们改进数据表插件的性能: -

1)减少列数
2)分组相关列
3)仅在必填字段上使用排序或一起删除排序功能

数据如下   - 这是一组mcq问题,提供预览/编辑/删除选项

enter image description here

搜索问题对我的申请非常重要
请提供最佳解决方案,以便为所提供的数据集使用数据表。

1 个答案:

答案 0 :(得分:7)

您忘记了第三个选项:服务器端处理

您可以从官方文档中了解您需要了解的几乎所有内容: http://www.datatables.net/examples/server_side/simple.html

基本上,您只需加载显示表格所必需的数据。由于页面需要更多数据,例如转到不同页面或搜索,服务器会向客户端返回更多数据。

  

有很多方法可以将数据导入DataTables,如果您使用的是大型数据库,您可能需要考虑使用DataTables提供的服务器端选项。启用服务器端处理后,DataTable执行的所有分页,搜索,排序等操作都将传递到服务器,在该服务器上,SQL引擎(或类似工具)可以对大型数据集执行这些操作(之后)所有,这就是数据库引擎的设计目标!)。因此,每次绘制表都会产生新的Ajax请求以获取所需的数据。