Horizontal scrolling + ColVis issue

superfox

I've a table with content loaded via ajax with show-columns plugin.
live demo: http://tinyurl.com/bwbceb2

the headers cells are not aligned and if u try to show/hide columns or change their order the content overflows the table..
how can i solve this problem?

here is the snippet code about the table inizialitation:
[code]
$('#t1').dataTable({
"sAjaxSource": "array.txt",
"bDeferRender": true,
"sDom": 'C<"clear">lfrtip',
"sScrollX": "100%",
"sScrollXInner": "110%",
"bScrollCollapse": true});
[/code]

maybe, by sDom, i can envelop the processing inside a div with overflow property setted up by css..could it work?

I mentioned this issue in another post, i'm sorry if this could be unfair but i really need urgent help!

superfox

up!

superfox

up! .. it's very urgent.. please!

superfox

up..

allan

If you have a look at the Javascript console in your browser you'll see a message from DataTables:

> DataTables warning (table id = 't1'): The table cannot fit into the current element which will cause column misalignment. Increase the sScrollXInner value or remove it to allow automatic calculation

I'd suggest doing what it says :-)

Allan