jQuery DataTables - 访问所有行数据

Question

我正在使用jQuery DataTables,并希望在单击标题复选框后复制所有行(保存在JavaScript数组中).

我想找到jQuery DataTables为剩余的行页面存储HTML的位置,因此我可以浏览JavaScript然后在那里检查它或将属性检查设置为true.

像这样的东西.

其他信息:

• 我使用来自ajax source(serverside:false)的数据,返回所有数据.
• 当我单击第1页时,所有行都保持已选中状态.

Answer 1

解

有许多方法可用于此目的.您可以使用rows().data()获取所选行的数据.

例:

var table = $('#example').DataTable();

var data = table
    .rows()
    .data();

alert( 'The table has ' + data.length + ' records' );

DEMO

有关代码和演示,请参阅此jsFiddle.

Answer 2

如果你这样做：

$('#table').DataTable().rows().data(); 

你会得到很多不必要的数据。

如果你只想要表数据，你可以这样做：

$('#table').DataTable().rows().data().toArray();

Answer 3

我使用这个代码通过jQuery DataTables找到生成的元素,我可以复制tr分页DataTable时隐藏的整个元素.

$('#example').DataTable().rows().iterator('row', function(context, index){
    var node = $(this.row(index).node()); 
    //node.context is element of tr generated by jQuery DataTables.
});