jQuery DataTables sDom 顺序不起作用 [英] jQuery DataTables sDom order not work

问题描述

我需要左上角的过滤器"和右上角的大小"，但不起作用:

I need the "filter" in the upper left side and the "size" in the upper right side, but is not working:

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

为什么?

推荐答案

解决方案

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

  • Use these two CSS rules to target all data tables:

    .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;
    }
    

  演示

  有关代码和演示，请参阅此 jsFiddle.

  See this jsFiddle for code and demonstration.

  这篇关于jQuery DataTables sDom 顺序不起作用的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！