Wide table, horizontal scrolling

ve7tcc

I have a fairly wide table, and am trying to get it to scroll horizontally. Has about 15-30 columns.

The rendered div dataTables_scrollBody has a width of 1161px, I assume calculated. The table has a width added too.
In firefox in the inspector, if I change it to 100% it behaves better. I am not sure what I do to trigger the numerical width.

I see in the code something about iSanityWidth, might be that.
I tried various values for sScrollXInner, to see if it helps.

var oTable = $('#Fuzzy').dataTable({
"bFilter": false,
"bSort": false,
"bInfo": false,
"sScrollX": "100%",
"sScrollY": "400px",
//"sScrollXInner": "2000%",
"bPaginate": false,
"bScrollCollapse": true

});
var oFC = new FixedColumns( oTable );

Any help appreciated.

allan

Can you link to the page so we can see what is going wrong please: http://datatables.net/forums/discussion/12899/post-test-cases-when-asking-for-help-please-read

Allan

ve7tcc

Try this

http://www.kaiserportal.com/webtools/test.php

See how the table spills out to the right

Thank you!

ve7tcc

Any idea why the horizontal scrolling is not working?

allan

Remove the `sScrollXInner` option from your DataTables initialisation and it should work okay.

Allan

ve7tcc

I tried that, no difference.
I was trying to get something like this example, with the first column fixed:
http://datatables.net/release-datatables/extras/FixedColumns/index.html

Thanks for your help.

ve7tcc

I'm making some progress. It seems Bootstrap css interferes with DataTables.
When I don't include the bootstrap.css file it renders correctly.

I just have to narrow it down to what it is in bootstrap.css that is causing the problem.

ve7tcc

OK, I got it worked out.
I added the DT_bootstrap.css and all is well.
I took down the test page.