jQuery DataTables sDom order not work

Question

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">'
        });
} );

Why?

Answer 1

SOLUTION

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

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

• Use these two CSS rules to target #example data table:

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

DEMO

See this jsFiddle for code and demonstration.