jQuery DataTables - 访问所有行数据

Question

我正在使用 jQuery 数据表并希望在单击 header 复选框后复制所有行（保存在 JavaScript 数组中）。

我想找到 jQuery DataTables 存储 HTML 剩余页行 的位置，这样我就可以浏览 JavaScript 然后在那里检查或将属性 checked 设置为 true.

类似这个。

其他信息：

我使用来自 ajax 源（serverside:false）的数据，返回所有数据。
当我单击第 1 页时，所有行都保持选中状态。

Answer 1

SOLUTION

有many methods that could be used for that purpose. You can use rows().data()个可以获取所选行的数据。

示例：

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

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

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

DEMO

有关代码和演示，请参阅 this jsFiddle。

Answer 2

我使用此代码找到 jQuery DataTables 生成的元素，并且我可以复制在分页 DataTables 时隐藏的整个 tr 元素。

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

Answer 3

使用

tableObject.rows().data()

将return来自table的所有数据。

Answer 4

如果你这样做：

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

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

如果您只想要 table 数据，您可以这样做：

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

Answer 5

设置pageLength:

$('#example').dataTable( {
  "pageLength": 50
} );

jQuery DataTables - 访问所有行数据

jQuery DataTables - Access all rows data

html

javascript

ajax

jquery

datatables