javascript - Expand Child Rows of Responsive Datatables automatically -
i have responsive datatable (responsive doc.) in following format:
var datatableinfo = j$('[id$="datatableinfo"]').datatable({ responsive: { "autowidth": true, details: { type: 'column', target: 0 } }, columndefs: [ { classname: 'control', orderable: false, targets: 0 } ] });
i fill data through search external data source , have second table inside datatable additional data (in child row) comes automatically instaniation. can click on icon in first column expand , show child row, works fine.
what want accomplish automatically expand child rows through javascript of datatable, once data has been loaded (i know when occurs in callback function).
i have tried multiple variation of following:
function expandtable(){ var tab = j$('[id$="datatableinfo"]').datatable(); alert(tab); tab.rows().every( function () { this.child.show(); } ); }
but table won't expand child rows. nothing happens , no error messages in console.
can me in explaining how example can simulate button click according this:
$('#example tbody').on( 'click', 'tr', function () { var child = table.row( ).child; if ( child.isshown() ) { child.hide(); } else { child.show(); }} );
or in other way automating expanding of child rows.
ciao!
it seems responsive plug-in it's own child row management, maybe that's why row().child.show()
not work.
you can send click event first cell of every visible row on page expand child rows:
function expandtable(){ j$('[id$="datatableinfo"] tbody td:first-child').trigger('click'); }
Comments
Post a Comment