与ScrollY（表身体得到调整，但THEAD是没有得到调整）

Question

正在使用的数据表，并且还加入ScrollY进去...... DataTable的渲染，所以当我有很多列，我的屏幕不能满足所有的这，它只会增加垂直滚动的数据表形成....而问题是adminlte有一个功能，可以隐藏和显示侧边栏，它会改变整个区域的数据表，并在结果就会使错了，就像这样：

我的表的身体得到调整，但THEAD是没有得到调整

这是一个测试链接到我的临时页 https://htmlpreview.github.io/?https://github.com/farazGreen/DataTable/blob/master/GreenBow_%20TEST.html

同样的问题已经在ADMINLTE网站被要求由另一人 https://github.com/almasaeed2010/AdminLTE/issues/1136

Answer 1

尝试autoWidth添加到false

$('#example').dataTable({ 
    "autoWidth": false 
}); 

或者你可以resize()表上窗口调整大小事件

$(window).resize(function() { 
      $("#example").resize(); 
}); 

Edit

在我的本地pc这段代码唯一的工作添加"autoWidth": false并取出scrollY或"scrollY":""

$('#tblOpWaiting').DataTable({ 
    "bFilter" : false, 
    "ordering" : false, 
    "scrollY" : "", 
    "scrollCollapse" : true, 
    responsive : true, 
    "paging" : false, 
    autoWidth:false 
}); 
$('#tblOpConsulted').DataTable({ 
    "bFilter" : false, 
    "ordering" : false, 
    "scrollY" : "", 
    "scrollCollapse" : true, 
    responsive : true, 
    "paging" : false, 
    autoWidth:false 
});