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

Question

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

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

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

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

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

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

数据如下 - 这是一组 mcq 问题，带有预览/编辑/删除选项

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

Answer 1

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

你几乎可以从官方文档中学到你需要知道的一切: http://www.datatables.net/examples/server_side/simple.html

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

There are many ways to get your data into DataTables, and if you are working with seriously large databases, you might want to consider using the server-side options that DataTables provides. With server-side processing enabled, all paging, searching, ordering etc actions that DataTables performs are handed off to a server where an SQL engine (or similar) can perform these actions on the large data set (after all, that's what the database engine is designed for!). As such, each draw of the table will result in a new Ajax request being made to get the required data.