Javascript jQuery dataTables对包装宽度的更改仅在加载chrome';检察官

Javascript jQuery dataTables对包装宽度的更改仅在加载chrome';检察官,javascript,jquery,datatables,jquery-datatables,Javascript,Jquery,Datatables,Jquery Datatables,我正在尝试使用dataTables调整表的大小,但我已经花了数小时试图这样做,这是不可能的。如果我使用纯CSS设置宽度,效果很好,但我的目的是动态设置宽度,使其与页面宽度相匹配: 我有以下代码: var winH = screen.availHeight; winH = winH - (winH/2) - 50; winH = winH + "px"; winW = screen.availWidth; winW = winW - 100; winW = winW + "px";

我正在尝试使用dataTables调整表的大小,但我已经花了数小时试图这样做,这是不可能的。如果我使用纯CSS设置宽度,效果很好,但我的目的是动态设置宽度,使其与页面宽度相匹配:

我有以下代码:

var winH = screen.availHeight;     
winH = winH - (winH/2) - 50;
winH = winH + "px";

winW = screen.availWidth;
winW = winW - 100;
winW = winW + "px";

var oTable = $('#tutorial-table').dataTable({
    "bFilter": false,
    "bSort": false,
    "bPaginate": false,
    "bScrollCollapse": true,   
    "bInfo": true,
    "sScrollY": winH,
    "bAutoWidth": false,
    "sScrollX": "100%"
});
new FixedColumns( oTable, {
    "iLeftColumns": 1,
    "iLeftWidth": 130,
});        

$('#tutorial-table_wrapper').css('width', winW);
oTable.fnDraw();
上面的代码缩小了表格,只显示了1列,但如果我添加了一些CSS:

#tutorial-table_wrapper{
    width: 1200px;
}
它可以正常工作,并将表的大小调整为1200px(只有在我打开inspector时,才可以通过JS进行设置,我猜想这是因为chrome重新加载了所有元素)

有没有办法强制这种行为或以某种方式设置宽度


谢谢

我终于修复了它,完全删除了dataTables,改用jquery fixed tables:

在加载动态表或配置宽度等参数时,设置起来更容易,重量更轻,响应速度也更快


注意。

您没有使用任何调整大小处理程序吗?我已将“bAutoWidth”设置为false,但对全局宽度没有影响