jQuery DataTables sDom命令不起作用

Question

我需要左上角的“过滤器”和右上角的“尺寸”，但不能正常工作：

$(document).ready(function() {
    jQuery('#example').dataTable({
            "sDom": '<"top"fl>rt<"bottom"ip><"clear">'
        });
} );

为什么？

Answer 1

  

<强>解

• 使用这两个CSS规则来定位所有数据表：

  .dataTables_wrapper .dataTables_filter {
    float: left;
  }
  
  .dataTables_wrapper .dataTables_length {
    float: right;
  }
  

• 使用这两个CSS规则来定位#example数据表：

  #example_wrapper .dataTables_filter {
    float: left;
  }
  
  #example_wrapper .dataTables_length {
    float: right;
  }
  

  

<强>样本

请参阅this jsFiddle以获取代码和演示。