从表中隐藏行的有效方法

Question

我有一个1000行的html表。我想在客户端上排序/搜索这些行。数据来自网络服务 现在，我正在考虑添加每页100行的分页，但客户端性能很差。 （我正在考虑为隐藏的行执行类似的操作：display:none;。

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

Answer 1

即使它们在DOM中不可见，也存在。

从查看代码看来，它们似乎将它存储在DataTable实例的成员变量中。在那里他们可以自由地操纵数据而不使用DOM，这可能会加快速度。

Answer 2

  

    

我在开发者控制台中查看了生成的dom，仍然无法弄清楚它们是如何隐藏行的。有什么想法吗？

  

JS代码将表读入javascript变量，特别是变量oSettings.aoData。

从那里，它们实际上只加载需要看到的表元素，因此它们实际上并不隐藏和取消隐藏行（即显示：无） - 表行实际上从DOM中删除，存储为javascript对象，并根据需要加载到DOM或从DOM中删除。