关于jquery datatable 设置垂直滚动条 表头布局异常的问题

datatable 设置滚动条后，常见的问题就是表头布局异常，如下图（因为公司项目，所以借用了网络图标表示）

一般的解决方案就是：
首先设置这两个css属性：

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

然后再那个table中添加样式table-layout: fixed;

以上方法是多次遇到之后可以解决的
但是！！！

---

有一个项目设置了之后还是没有反应！
今天发现把其中的box-sizing:content-box;改成box-sizing:border-box;可以解决：

这是 datatable的设置滚动条配置

然后需要在dataTables_scrollHeadInner修改box-sizing属性

    .dataTables_scrollHeadInner {
        width: 100% !important;
        box-sizing:border-box!important;		/*加这条！*/
    }
    .dataTables_scrollHeadInner > table{
        width: 100% !important;
    }

再修改dataTables.bootstrap.min.css文件的这个样式：

上面是我修改过后的样式，本来box-sizing: content-box;

---

修改完后布局正常了，但是还有bug…
我再研究一下