Javascript 隐藏侧边栏时，Datatables表头未调整大小

我已经将侧边栏添加到视图中，表位于其中。我正在为这个表使用插件

侧边栏可以切换或隐藏。隐藏侧边栏时出现问题。表体大小调整正确，但表头大小不正确。我可以通过点击来调整标题。通过调整大小，我的意思是更改父级

宽度
，如下所示：

.page-wrapper.toggled .page-content .tasks-list {
        width: -webkit-calc(100% - 300px);
        width: -moz-calc(100% - 300px);
        width: calc(100% - 300px);
    }

我在下面提供代码片段。您需要进入完整页面模式才能查看我的问题

我读到，
columns.adjust（）
函数可能有帮助，但没有。我再也不知道如何修复它了

如何调整表格标题的大小或将其调整为
tbody
宽度


$（文档）.ready（函数（）{
var table=$（'#testtable'）.DataTable({
卷轴：500，
搜索：假，
分页：false
//固定标题：{
//标题：对，
//人头偏移：230
//}
});
$（“#关闭侧边栏”）。单击（函数（）{
$（“.page wrapper”）.removeClass（“切换”）；
//table.columns.adjust（）；已尝试此操作，但无效
});
$（“#显示边栏”）。单击（函数（）{
$（“.page wrapper”）.addClass（“切换”）；
//table.columns.adjust（）；已尝试此操作，但无效
});
});
html，正文{
身高：100%；
溢出x：隐藏；
}
.正文内容{
左侧填充：15px；
右侧填充：15px；
保证金：自动；
}
.表tr{
光标：指针；
}
tr{
-webkit触摸标注：无；
-webkit用户选择：无；
-khtml用户选择：无；
-moz用户选择：无；
-ms用户选择：无；
用户选择：无；
}
.网页内容{
身高：100%；
}
#任务包装器{
z指数：1；
背景：白色；
宽度：100%；
高度：200px；
}
.任务清单{
位置：绝对位置；
溢出y：隐藏；
宽度：100%；
}
.页面包装器.主题{
宽度：40px；
高度：40px；
显示：内联块；
边界半径：4px；
保证金：2倍；
}
.page wrapper.theme.collinger-theme{
背景：#1e2229；
}
/*----------------切换侧栏----------------*/
.page-wrapper.toggled.sidebar wrapper{
左：0px；
}
@媒体屏幕和屏幕（最小宽度：768px）{
.page-wrapper.toggled.page内容{
左侧填充：300px；
}
.page-wrapper.toggled.page content.tasks列表{
宽度：-webkit计算（100%-300px）；
宽度：-moz计算（100%-300px）；
宽度：计算（100%-300px）；
}
}
身体{
字体大小：0.9rem；
}
.页面包装器.侧栏包装器，
.侧边栏包装。侧边栏品牌>a，
.sidebar wrapper.sidebar下拉列表>a:之后，
.侧边栏包装器.侧边栏菜单.侧边栏下拉菜单.侧边栏子菜单李a:在，
.侧边栏包装器ul li a i，
.页面包装器。页面内容，
.sidebar wrapper.sidebar search input.search-menu，
.sidebar wrapper.sidebar search.输入组文本，
.侧边栏包装。侧边栏菜单ul li a，
#显示侧边栏，
#关闭侧边栏{
-webkit过渡：所有0.3秒轻松；
-moz转换：所有0.3秒轻松；
-ms转换：所有0.3秒轻松；
-o-过渡：所有0.3秒的速度；
过渡：所有0.3秒缓解；
}
#显示边栏{
位置：固定；
左：0；
顶部：10px；
边界半径：0 4px 4px 0px；
宽度：35px；
过渡延迟：0.3s；
}
.page-wrapper.toggled#显示侧边栏{
左：-40px；
}
/*----------------边栏包装----------------*/
.侧边栏包装{
宽度：260px；
身高：100%；
最大高度：100%；
位置：固定；
排名：0；
左：-300px；
z指数：999；
颜色：白色；
}
/*--------------------------页面内容-----------------------------*/
.页面包装器.页面内容{
显示：内联块；
宽度：100%；
左侧填充：0px；
填充顶部：20px；
}
.page wrapper.page content>div{
填充：20px 40px；
}
.页面包装器.页面内容{
溢出x：隐藏；
}

关
可乐
可乐
可乐
可乐
10749
价值
价值
价值
14581
价值
价值
价值
14794
价值
价值
价值
14950
价值
价值
价值
15128
价值
价值
价值
只需在css中添加以下内容：

    .dataTables_scrollHeadInner, .table{
      width:100%!important
         };

这将始终使tr适合整个桌子宽度