Column headers misaligned in JQuery DataTables -
this bugging me few days now... i've researched solutions , found few none working me...
i've created tabbed table following this example, , works. however, in 2nd tab headers misaligned. this, when should this.
to note: have no external css on table, , have tried using solutions including datatables fixed headers misaligned columns in wide tables, , this one.
this use initialize both tables.
$('table.display').datatable({ "sscrolly": "350px", "bpaginate": false, "binfo": false, "olanguage": { "ssearch": "" }, "aocolumndefs": [ { "swidth": "10%", "atargets": [-1] } ], "bscrollautocss": false, "fnrowcallback": function (nrow, adata, idisplayindex, idisplayindexfull) { var index = idisplayindexfull + 1; $('td:eq(0)', nrow).html(index); return nrow; }, "idisplaylength": -1, "aasorting": [[4, "desc"]] });
and tabs:
$("#tabs").tabs({ "show": function (event, ui) { var otable = $('div.datatables_scrollbody>table.display',ui.panel).datatable(); if ( otable.length > 0 ) { otable.fnadjustcolumnsizing(); } } });
Comments
Post a Comment