Fluid width

groenroos

I have DataTables 1.8.2 with FixedColumns (one on both left and right) and KeyTables, all set in a layout which can be either fluid or static, and the user can change that on the fly. The problem I'm having is that when the user does change the layout from a narrow static to a wide fluid, the scrollable part of the table does not measure up to the new increased width of the table. Instead, it displays the left fixed column, the scrollable columns up until however far their original width carries them, whitespace, and then the right fixed column on the right edge of the page.

Is there a way to make DataTables with FixedColumns be 100% adaptable page width changes?

My code:

[code]
var oTable = $('#table').dataTable({
"sScrollY": "100%",
"sScrollX": "100%",
"bScrollCollapse": true,
"bSort": false,
"bPaginate": false,
"bAutoWidth": false,
"aaSorting": [[ 2, "desc" ]]
});

var oTableC = new FixedColumns(oTable, {
"bAutoWidth": false,
"iLeftColumns": 1,
"iRightColumns": 1,
"iLeftWidth": 160,
"iRightWidth": 110
});
[/code]

Thanks in advance!