title: jQuery DataTables two rows in head: first row column names and sorting, second row filtering
body: <p>In older versions of <a href="http://datatables.net/release-datatables/examples/api/multi_filter_select.html" rel="nofollow noreferrer">DataTables</a> (up to 1.7.?), I used to be able to have a table with a two row column header, where sorting was done in the top row, and included the column name, and filtering with inputs and selects was done in the second row. </p>
  
  <pre><code>&lt;table&gt;
     &lt;thead&gt;
       &lt;tr&gt;
           &lt;th&gt;Col 1&lt;/th&gt;
           &lt;th&gt;Col 2&lt;/th&gt;
           &lt;th&gt;Col 3&lt;/th&gt;
       &lt;/tr&gt;
       &lt;tr&gt;
          &lt;td&gt;&lt;input type="text" /&gt;&lt;/td&gt;
          &lt;td&gt;&lt;select&gt;&lt;option ....&gt;&lt;/select&gt;&lt;/td&gt;
          &lt;td&gt;&lt;input type="text" /&gt;&lt;/td&gt;         
       &lt;/tr&gt;
    &lt;/thead&gt;
    &lt;tbody&gt;...
  </code></pre>
  
  <p>With higher versions, including the latest (1.9.0), this no longer works, because the <em>sortable</em> header is getting applied to the second row instead of the first row.</p>
  
  <p>Is there a way to get this working without resorting to an additional <em>plug-in</em> such as 
  <a href="http://code.google.com/p/jquery-datatables-column-filter/" rel="nofollow noreferrer">http://code.google.com/p/jquery-datatables-column-filter/</a> ?</p>