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

问题描述:

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

+0

您可以使用javascript或某些花哨的CSS来切换所有应该隐藏的元素的显示值,而不是控制添加到dom的数量。 –

+1

为什么你需要他们在DOM?您可以通过API轻松访问隐藏的节点。 @SimonHyll,不,因为它是隐藏和显示DOM节点的dataTables本身。 – davidkonrad

+0

你从哪里设置页面大小为10行。它是一个框架或你正在使用的图书馆.. – vishva8kumara

使用​​API方法访问所有tr元素。例如,

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

使用委托的事件处理程序来处理来自tr元素不存在于DOM事件。例如:

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