应用DataTable后，Firefox上的Bootstrap表看起来不同

Question

我在桌子上的Firefox上有以下显示，我不知道为什么它会像那样显示........

因为我想在Firefox中跟随输出，并且在Chrome浏览器中显示

由于Chrome输出是如此完美，看看Firefox（第一张图片）看起来像所有列的宽度都是错误的.......

我已经应用了dataTable.js，当我删除它时，我的Firefox输出如下所示，我想要但是上面有dataTable.js ....

所以任何人都可以帮助我，目前我还没有包含我的html端代码，因为我没有应用任何特殊内容，所以任何人都可以看看这个问题，如果有人真的想要我的HTML代码那么请让我知道伙伴们。

我不想花一整天的时间来弄清楚这可能是某位专家在那里......因为我也在网上冲浪这个问题但是无法想象它出来.... 谢谢你们，如果需要的话，让我知道......

html代码：

<div class="portlet-body">
                                                <div class="table-scrollable" style="padding:20px !important;">
                                                    <table class="table table-striped table-bordered table-advance table-hover dataTablemy">
                                                    <thead>
                                                    <tr>
                                                            <th class="col-sm-2 hidden-xs">
                                                                Type
                                                            </th>
                                                            <th class="col-sm-8">
                                                                Details
                                                            </th>
                                                            <th class="hidden-xs" style="background-color: white !important;">
                                                            </th>
                                                            <th class="hidden-xs" style="background-color: white !important;">
                                                            </th>
                                                            <th class="hidden-xs" style="background-color: white !important;">
                                                            </th>

                                                    </tr>   
                                                    </thead>    
                                                    <tbody>

                                                        <tr>
                                                            <td>Job Completed</td>
                                                            <td>Job Ref: 306789 for ABC Ltd. completed by contractor. Duration: 2.5 days. Cost: $1452.78</td>
                                                            <td>
                                                                <a data-toggle="modal" href="" onclick=""><i class=" fa-2x icon-info"></i></a>
                                                            </td>
                                                            <td>
                                                                <a data-toggle="modal" href="" onclick=""><i class=" fa-2x icon-speech"></i></a>
                                                            </td>
                                                            <td>
                                                                <a href="#" class="tooltips" onclick=""  data-placement="top" data-original-title="dismiss"><i class=" fa-2x icon-close"></i></a>
                                                            </td>
                                                        </tr>