Wide table, horizontal scrolling
Wide table, horizontal scrolling
ve7tcc
Posts: 25Questions: 8Answers: 0
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.
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.
This discussion has been closed.
Replies
Allan
http://www.kaiserportal.com/webtools/test.php
See how the table spills out to the right
Thank you!
Allan
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.
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.
I added the DT_bootstrap.css and all is well.
I took down the test page.