jquery - 从表中隐藏行的有效方法

Question

我有一个包含 1000 行的 html 表格。我想在客户端上对这些行进行排序/搜索。数据来自网络服务。
现在，我正在考虑添加每页 100 行的分页，但客户端性能很差。 (我正在考虑做类似的事情:display:none; 用于隐藏行。

现在，我开始四处寻找这种方法的一些实现，并发现数据表允许您在客户端进行排序/搜索，而无需先将这些行添加到 dom。 http://datatables.net/我查看了开发人员控制台中生成的 dom，但仍然无法弄清楚它们是如何隐藏行的。有什么想法吗？

Answer 1

I looked at the generated dom in developers console and still cannot figure out how they hide rows. Any ideas?

JS代码将表格读入javascript变量，具体读入一个变量oSettings.aoData。

从那里，它们实际上只加载需要查看的表格元素，因此它们实际上并没有隐藏和取消隐藏行(即使用 dispaly:none)——表格行实际上从 DOM 中删除，存储为 javascript 对象，并根据需要加载到 DOM 或从中删除。