数据表v3列标题未与XY滚动的列数据对齐

Question

我正在为我的项目使用bootstrap v3，我在其中应用了一个数据表..我正在使用xy滚动表示我的表，因为它有很多条目...问题是，列标题和列我的表的数据没有正确对齐..我认为问题发生在bootstrap.css coz当我试图将其删除到我的html文件表似乎正常工作..我在bootstrap.css中进行了跟踪，因为可能是影响表格的类，但我看到的只是这段代码;

    *,
    *:before,
    *:after {
       -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
       box-sizing: border-box;
     }

但问题是，当我删除那个脚本时，我的布局最终变得一团糟。想知道该怎么办？...请...

这是我的数据表脚本;

   $(document).ready(function() {
            $('#example').dataTable( {
                "sScrollY": 200,
                "sScrollX": "100%",

            } );
        } );