jQuery DataTables - Access all rows data

Question

I\'m using jQuery DataTables and want to copy all rows (save in JavaScript array) upon clicking the header checkbox.

I want to find where jQuery DataTab

Answer 1

If you do this:

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

you get a lot of unnecessary data.

If you just want the table data you can do this:

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

Answer 2

Using

tableObject.rows().data() 

will return all the data from the table.

Answer 3

SOLUTION

There are many methods that could be used for that purpose. You can use rows().data() to get the data for the selected rows.

Example:

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

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

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

DEMO

See this jsFiddle for code and demonstration.

Answer 4

I find the generated element by jQuery DataTables using this code, and I can copy the whole tr element that hides when paging the DataTables.

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