侧边栏折叠时数据表标题对齐：触发类更改

Question

我正在使用 datatables 激活 scrollY 和 AdminLTE2 主题：

acquisitionTable = $('#acquisitionsTable').DataTable({
            responsive: true,
//          "bLengthChange": false,
            deferRender:    true,
            scrollY:        '60vh',
            scrollCollapse: true,
            scroller:       true,

问题是侧边栏折叠时标题对齐

这个问题很普遍，但我尝试的所有解决方案都失败了。 我想打电话给acquisitionTable.columns.adjust();，但我怎样才能捕捉到折叠和展开事件？ 这是侧边栏：

<!-- Left side column. contains the logo and sidebar -->
<aside class="main-sidebar">
    <!-- sidebar: style can be found in sidebar.less -->
    <section class="sidebar">
        <!-- Sidebar user panel -->
        <div class="user-panel">
            <div class="pull-left image">
                <img th:src="@{/static/assets/dist/img/fca.jpg}" class="img-circle"
                    alt="User Image">
            </div>
            <div class="pull-left info">
                <p sec:authentication="principal.name"></p>
                <i class="fa fa-circle text-success"></i> Online
            </div>
        </div>
        <!-- sidebar menu: : style can be found in sidebar.less -->
        <ul class="sidebar-menu">
            <li class="header">MAIN NAVIGATION</li>
            <li><a th:href="@{/}"> <i class="fa fa-dashboard"></i> <span>Dashboard</span>
            </a></li>
            <li sec:authorize="hasRole('ROLE_ADMIN')" class="treeview"><a
                href="#"> <i class="glyphicon glyphicon-cog"></i> <span>Administration</span>
                    <span class="label label-primary pull-right">5</span>
....

当侧边栏折叠时，从文档（我用调试模式检查它）中，.sidebar-collapse 类被添加到 body 标记中。 谢谢

Answer 1

目前我用这段代码解决了这个问题：

divW = jQuery("#contentAreaId").width();
setInterval(function(){
    var w = jQuery("#contentAreaId").width();
    if (w != divW) {
        acquisitionTable.columns.adjust();
        divW = w;
    }       
},100);

Answer 2

你试过cssmin-width选项吗，比如：

.dataTables_scrollHead table {
    min-width: 100%;
}

你也可以添加：

table-layout: fixed;