Horizontal scrolling + ColVis issue

Horizontal scrolling + ColVis issue

superfoxsuperfox Posts: 10Questions: 0Answers: 0
edited December 2012 in DataTables 1.9
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!

Replies

  • superfoxsuperfox Posts: 10Questions: 0Answers: 0
    up!
  • superfoxsuperfox Posts: 10Questions: 0Answers: 0
    up! .. it's very urgent.. please!
  • superfoxsuperfox Posts: 10Questions: 0Answers: 0
    up..
  • allanallan Posts: 63,389Questions: 1Answers: 10,450 Site admin
    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
This discussion has been closed.