javascript - 具有单独列选择过滤器和大量行的 jQuery DataTables 性能

Question

我目前有一个来自客户端的表，其中包含单独的列选择下拉菜单，效果非常好。我有大约 1000 行，性能非常好。令人惊叹的 jQuery 插件。 问题:我的客户刚刚告诉我，这个数字可能会在一个月内增长到 40000 以上。我的客户还告诉我，他们真的很喜欢页脚中的单独选择过滤器，但我无法删除它们。因此，我担心性能。当我说单独的选择过滤器时，如果您不知道我在说什么，请参阅此处:

https://datatables.net/examples/api/multi_filter_select.html

我四处闲逛，看到了这里使用客户端和延迟渲染的示例:

https://datatables.net/extensions/scroller/examples/initialisation/large_js_source.html

但问题是我不相信我可以使用延迟渲染，因为客户端需要单独的列选择过滤器。我必须加载所有数据才能使选择过滤器正常工作...

有人知道如何在高行数下以良好的速度完成这种单独列过滤的行为，或者提出合理的替代方案吗？我觉得我已经达到了软件的局限性/浏览器在这里...

谢谢!

朱利安

Answer 1

40000行数据对于从服务器传输到浏览器来说已经很多了。它会减慢页面加载速度。

我会在服务器端执行过滤器，并仅输出前(例如1000)行，这样它们对于浏览器来说更易于管理，并节省大量带宽。但这也意味着更多的 JavaScript 和 SQL 编码。