使用Ajax的大型DataTable上的下拉筛选列表

Question

使用带有DataTable结果的15K+，我正在创建一个下拉筛选列表，类似于Excel &也是google。这些筛选列表显示每个列的所有可能的结果(例如ID下拉列表实际上有15K+结果)，并在它们旁边有一个复选框进行筛选。与此非常相似：

​

​

我目前正在用select2和ajax创建一些东西来加载所有列的结果，但是由于应用到datatable的大数据集和附加过滤器，每个过滤器需要2-3秒。这只在列下拉列表被选中时运行，然后缓存，除非任何筛选器更改。

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

我们很快就会有30K以上的记录，有28个不同的栏目可供过滤。我正在寻找关于如何有效地检索所有结果的帮助。我看到Google可以用大数据集来完成它，但是它们不像我一样使用分页。

Answer 1

使用服务器端处理，这肯定会提高页面加载时间。

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