title: jQuery Javascript HTML 5 Export Buttons do not appear and remove other buttons
body: <p>I am currently trying to add some export buttons to my datatables table.</p>
  
  <p>I have all the correct JS and CSS files loaded e.g.</p>
  
  <pre><code>&lt;!--Table JS &amp; CSS--&gt;
      &lt;script src="../plugins/DataTables/DataTables-1.10.12/js/jquery-1.12.3.js"&gt;&lt;/script&gt;
      &lt;script src="../plugins/DataTables/DataTables-1.10.12/js/jquery.dataTables.min.js"&gt;&lt;/script&gt;
      &lt;link rel="stylesheet" type="text/css" href="../plugins/DataTables/DataTables-1.10.12/css/jquery.dataTables.min.css"/&gt;
  
  &lt;!--Button JS &amp; CSS--&gt;
      &lt;script src="../plugins/DataTables/DataTables-1.10.12/js/dataTables.buttons.min.js"&gt;&lt;/script&gt;
      &lt;script src="../plugins/DataTables/DataTables-1.10.12/js/jszip.min.js"&gt;&lt;/script&gt;
      &lt;script src="../plugins/DataTables/DataTables-1.10.12/js/pdfmake.min.js"&gt;&lt;/script&gt;
      &lt;script src="../plugins/DataTables/DataTables-1.10.12/js/vfs_fonts.js"&gt;&lt;/script&gt;
      &lt;script src="../plugins/DataTables/DataTables-1.10.12/js/buttons.html5.min"&gt;&lt;/script&gt;
      &lt;link rel="stylesheet" type="text/css" href="../plugins/DataTables/DataTables-1.10.12/css/buttons.dataTables.min.css"/&gt;
  </code></pre>
  
  <p>When I load the JS it removes my "Entries" function and "Fuzzy Search" function.</p>
  
  <p>It also does not display the HTML5 buttons?!</p>
  
  <p>The JavaScript is as below</p>
  
  <pre><code>&lt;script&gt;
  $(document).ready(function() {
      // Setup - add a text input to each footer cell
      $('#example thead th').each( function () {
          var title = $(this).text();
          $(this).append( '&lt;input type="text" class="filter_box" placeholder="Filter" /&gt;' );
      } );
  
      // DataTable
      var table = $('#example').DataTable(
      {   
          //Set display length
          "iDisplayLength": 100
  
      }
      );
  
      // Apply the search
      table.columns().every( function () {
          var that = this;
  
                  $( 'input', this.header() ).on( 'click', function(e) {
              e.stopPropagation();
          } );
  
          $( 'input', this.header() ).on( 'keyup change', function () {
  
              if ( that.search() !== this.value ) {
                  that
                      .search( this.value )
                      .draw();
              }
          } );
      } );
  } );
  &lt;/script&gt;
  </code></pre>
  
  <p>If I remove the below JavaScript then the page loads OK e.g. with "Entries" function and "Fuzzy Search" function but obviously no HTML5 Buttons</p>
  
  <pre><code>//Set Button settings
  dom: 'lBfrtip',
  buttons: [
      'copyHtml5',
      'excelHtml5',
      'csvHtml5',
      'pdfHtml5'
  ]
  </code></pre>
  
  <p>Data is from HTML table e.g.</p>
  
  <pre><code>&lt;table width="100%" class="compact stripe hover row-border order-column" id="example"&gt;
      &lt;thead class="results_thead"&gt;
          &lt;tr&gt;
              &lt;th&gt;W/h&lt;br&gt;&lt;/th&gt;
              &lt;th&gt;Product&lt;br&gt;&lt;/th&gt;
              &lt;th&gt;Description&lt;br&gt;&lt;/th&gt;
              &lt;th&gt;Free Stock&lt;br&gt;&lt;/th&gt;
              &lt;th&gt;On Order Qty&lt;br&gt;&lt;/th&gt;
              &lt;th&gt;Make or Buy&lt;br&gt;&lt;/th&gt;
              &lt;th&gt;Last Trans Date&lt;br&gt;&lt;/th&gt;
              &lt;th&gt;Last Trans Type&lt;br&gt;&lt;/th&gt;
              &lt;th&gt;Analysis B&lt;br&gt;&lt;/th&gt;
              &lt;th&gt;Next Order No&lt;br&gt;&lt;/th&gt;
              &lt;th&gt;Next On Order Qty&lt;br&gt;&lt;/th&gt;
              &lt;th&gt;Next Date Req&lt;br&gt;&lt;/th&gt;
          &lt;/tr&gt;
      &lt;/thead&gt;
      &lt;tbody class="results_tbody"&gt;
          &lt;tr style="text-align: center"&gt;
              &lt;td&gt;'.$row['warehouse'].'&lt;/td&gt;
              &lt;td&gt;'.$row['product'].'&lt;/td&gt;
              &lt;td&gt;'.$row['description'].'&lt;/td&gt;
              &lt;td&gt;'.$row['negative_free_stock'].'&lt;/td&gt;
              &lt;td&gt;'.$row['on_order_qty'].'&lt;/td&gt;
              &lt;td&gt;'.$row['make_or_buy'].'&lt;/td&gt;
              &lt;td&gt;'.$row['last_transaction_date'].'&lt;/td&gt;
              &lt;td&gt;'.$row['last_transaction_type'].'&lt;/td&gt;
              &lt;td&gt;'.$row['analysis_b'].'&lt;/td&gt;
              &lt;td&gt;'.$row['next_order_no'].'&lt;/td&gt;
              &lt;td&gt;'.$row['next_on_order_qty'].'&lt;/td&gt;
              &lt;td&gt;'.$row['next_date_required'].'&lt;/td&gt;
          &lt;/tr&gt;';
  &lt;/tbody&gt;
  &lt;/table&gt;
  </code></pre>
  
  <p>So I assume the issue lies with the code above??</p>
  
  <p>Any ideas are much appreciated</p>
  
  <p>Bepster</p>