javascript - 使用 Ajax 的大数据表上的下拉过滤器列表

Question

使用具有 15K+ 结果的数据表，我正在创建一个下拉过滤器列表，就像在 Excel 和 Google 表格中一样。这些过滤器列表显示每列所有可能的结果(例如，ID 下拉列表实际上有超过 15K 个结果)，旁边有一个用于过滤的复选框。与此非常相似:

我目前正在使用 select2 和 ajax 创建一些内容来加载所有列结果，但是由于数据集很大并且应用到数据表的其他过滤器，每个过滤器需要 2-3 秒。仅当选择列下拉列表时才运行，然后缓存，除非任何过滤器发生更改。

我可以在页面加载时将所有结果加载到 DOM 中，但这意味着页面加载还要花费 3 秒，这并不理想。另外，在 DOM 中拥有超过 15K 个结果的问题听起来并不实际。

我们很快就会有超过 30K 的记录，并且有 28 个不同的列可供过滤。我正在寻求有关如何有效检索所有结果的帮助。我发现 Google 表格能够处理大型数据集，但它们不像我那样使用分页。

Answer 1

使用server-side processing这肯定会提高页面加载时间。

关于列过滤器，您需要通过 Ajax 检索每列的所有可能值，然后填充每列相应的下拉框。