如何查看Dom中表格的所有行？

Question

I have applied data table on my table and it is working fine. Please check CodePen's link

$(document).ready(function() {



  var table = $('#example').DataTable({ 
        select: false,
        "columnDefs": [{
            className: "Name", 
            "targets":[0],
            "visible": false,
            "searchable":false
        }]
    });//End of create main table


  $('#example tbody').on( 'click', 'tr', function () {

    alert(table.row( this ).data()[0]);

} );
}); 

but it is not loading all the rows(57) in Dom because of Pagination. i have a situation where i need the pagination and want all rows in dom too. Disabling the paging is not an option.

Answer 1

Since your datatable use client side rendering, you can access to all your datas with this api -> data()

simple usage from your fiddle

var table = $('#example').DataTable({ 
    select: false,
    "columnDefs": [{
        className: "Name", 
        "targets":[0],
        "visible": false,
        "searchable":false
    }]
});//End of create main table

$('#example tbody').on( 'click', 'tr', function () {

   alert(table.row( this ).data()[0]);

});

table.data().each(function(d){console.log(d)}) // this will print all your data