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

Popular posts from this blog

c++ - Function signature as a function template parameter -

How to call a javascript function after the page loads with a chrome extension? -

algorithm - What are some ways to combine a number of (potentially incompatible) sorted sub-sets of a total set into a (partial) ordering of the total set? -