使用Ajax在大型DataTable上下拉过滤器列表

Question

使用带有15K +结果的DataTable，我正在创建一个下拉过滤器列表，就像Excel和Excel中一样。还有谷歌表。这些过滤列表会显示每列的所有可能结果（例如，ID下拉列表实际上会产生15K +结果），旁边会有一个复选框来过滤。与此非常相似：

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

我可以在页面加载时将所有结果加载到DOM中，但这意味着页面加载时还有3秒，这并不理想。再加上在DOM中有15K +结果的问题听起来并不实用。

我们很快就会有30K以上的记录，并且有28个不同的列可供过滤。我正在寻找有关如何有效检索所有结果的帮助。我看到Google表格能够使用大型数据集，但是他们不会像我一样使用分页。

Answer 1

使用server-side processing肯定会改善页面加载时间。

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