title: Creating a Responsive, Sortable Bootstrap Table with Fixed Headers and Resizable Columns
body: <p>I am attempting to create a Sortable Table (dataTables) with both Fixed Headers (floatThead) and Resizable columns (jquery-resizable-columns) using Bootstrap 3 w/ responsive tables. So far I am able to get it to do two things at once, but not three. That is, either Resizable Columns and Sortable, or Sortable with Fixed Headers, etc. When I go up to three pieces of JS, things stop working. </p>
  
  <p>I've got a little JSFiddle going here: <a href="http://jsfiddle.net/cpJE2/2/" rel="nofollow">http://jsfiddle.net/cpJE2/2/</a></p>
  
  <pre><code>$(function(){
       $("table").resizableColumns();
       $('#example').dataTable({
          "bPaginate": false,
          "bLengthChange": false,
          "bFilter": false,
          "bSort": true,
          "bInfo": false,
          "bAutoWidth": false
          });
       $("table.table").floatThead();
   });
  </code></pre>
  
  <p>Any thoughts on what could be causing the conflict here or thoughts on a workaround? I know there are similar questions out there, but none, I believe, that are this specific. I basically need to get as much table function as possible. Any help would be very appreciated.</p>