jQuery DataTables - 访问所有行数据

时间:2015-08-11 03:23:12

标签: javascript jquery html ajax datatables

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

First Page

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

像这样的东西。

enter image description here

其他信息:

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

4 个答案:

答案 0 :(得分:12)

  

<强>解

many methods可用于此目的。您可以使用rows().data()获取所选行的数据。

示例:

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

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

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

<强>样本

请参阅this jsFiddle以获取代码和演示。

答案 1 :(得分:6)

我使用此代码通过jQuery DataTables找到生成的元素,并且我可以复制在分页DataTable时隐藏的整个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.
});

答案 2 :(得分:1)

如果您这样做:

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

您会收到很多不必要的数据。

如果只需要表数据,可以执行以下操作:

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

答案 3 :(得分:0)

使用tableObject.rows()。data()将返回表的所有数据。