Css Datatables与Mozilla的合作

我正在使用Datatables.js作为我网站中的一个表。我没有改变datatables中原来的CSS，但只有在Mozilla中，CSS被破坏是有原因的

以下是我的HTML代码：

<div class="full-container">
   <div class="row">
      <div class="col-sm-2 col-md-2 col-lg-2">
         <br><br>
         <center>
            adsense code          
         </center>
      </div>
      <div class="col-sm-9 col-md-9 col-lg-9">
         <table id="myTable" class="table table-bordered table-striped tablesorter">
            table content                 
         </table>
      </div>
   </div>
</div>

<script type="text/javascript" charset="utf-8">
    $(document).ready(function() {
       $('#myTable').dataTable();
    } );
</script>

adsense码
表内容
$（文档）.ready（函数（）{
$（'#myTable'）.dataTable（）；
} );

下面是它在Chrome和Internet Explorer中的使用方式

下面是Mozilla的情况

---

我也有同样的问题。要解决此问题，必须使用

sDom

选项在表前添加一个新类：

<script type="text/javascript" charset="utf-8">
    $(document).ready(function() {
       $('#myTable').dataTable({
           "sDom": 'fi<"clear">tp'
       });
    } );
</script>

---

不要使用

。曾经它已被弃用，不应再使用。要替换它，只需使用

或创建一个这样做的类。@Joetje50不知道这一点。我会改变它，希望我们能看看这是否是问题所在。它可能无法解决问题，这就是为什么我把它作为评论而不是答案发布，但这是你应该一直做的事情<代码>只是过时了。我添加了它，现在我在同一位置有了标签“显示735个条目中的1到10个”，而不是下拉菜单。在此之前，此标签位于表格底部。我对结果很满意，但不是100%正确。就像我说的，这只是

sDom

的一个例子。根据需要更改字母（f、i、t、p）的顺序。如果你想在你的桌子后面贴上“Showing 1 to…”的标签，就在“t”后面贴上“i”字母。嗯。我不知道这些字母代表这个物体。那么，你是对的。谢谢：）

.clear {
    clear: both;
}