我已将侧边栏添加到表格所在的视图之一。我正在为该表使用数据表插件。
侧边栏可以切换或隐藏。当我隐藏侧边栏时出现问题。表体可以正确调整大小，但表头却不能。我可以通过单击它来调整标题。通过调整大小，我的意思是我width像这样改变父级：
.page-wrapper.toggled .page-content .tasks-list {
width: -webkit-calc(100% - 300px);
width: -moz-calc(100% - 300px);
width: calc(100% - 300px);
}
我在下面提供代码片段。您需要进入全页模式才能看到我的问题。
我读到该columns.adjust()功能可能有帮助，但事实并非如此。我不知道如何解决它。
如何调整表头大小或调整其tbody宽度？
.page-wrapper.toggled .page-content .tasks-list {
width: -webkit-calc(100% - 300px);
width: -moz-calc(100% - 300px);
width: calc(100% - 300px);
}
$(document).ready(function () {
var table = $('#testtable').DataTable({
scrollY: 500,
searching:false,
paging:false
//fixedHeader: {
// header: true,
// headerOffset: 230
//}
});
$("#close-sidebar").click(function () {
$(".page-wrapper").removeClass("toggled");
//table.columns.adjust(); have tried this but does not work
}); …