在数据表分页的情况下如何保留 DOM 中的所有行答案

【问题标题】：How to keep all rows in the DOM in case of datatable pagination在数据表分页的情况下如何保留 DOM 中的所有行
【发布时间】：2017-04-26 06:35:06
【问题描述】：

我有一个平均行数为 100 的数据表。我已将页面大小设置为 10 行。一切正常，但在任何时候<tbody> 只包含 10 个<tr> 标签。我处于我们需要所有 100 行都在 DOM 中的情况。我们怎样才能做到这一点？

【问题讨论】：

【解决方案1】：

使用$() API 方法访问所有tr 元素。例如，

$('#example').DataTable()
   .$('tr')
   .addClass('important');

使用委托事件处理程序来处理来自tr 元素的事件，这些事件在 DOM 中不存在。例如：

$('#example').on('click', 'tr', function(){
   // ... skipped ...
});

【讨论】：