title: DataTables + Bootstrap 3 enabling horizontal scrolling issue
body: <p>I'm having a problem with <a href="https://datatables.net/" rel="nofollow">DataTables</a> integrated in <a href="http://getbootstrap.com/" rel="nofollow">Bootstrap 3</a> and horizontal scrolling is enabled</p>
  
  <p>Here is my <a href="http://jsfiddle.net/Drefj/" rel="nofollow">fiddle</a></p>
  
  <p>DataTables Initalization</p>
  
  <pre><code>/* Data Table Initialization */
      var equipmentDataTable = $('#equipmentTable').dataTable({
                                      "aoColumnDefs": [{ "sClass": "text-center", "aTargets": [ 0,25 ] },
                                                       { 'bSortable': false, 'aTargets': [ 25 ] }],
                                      "sScrollX": '100%'
                               });
  </code></pre>
  
  <p>I don't know why the header is not aligned with the body of the table. Thanks in advance</p>