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\'         


        

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.