没有tbody和th块的jquery表分类器使用

Question

我很想知道如何在没有tbody和th块的情况下使用jquery表分类器，这背后的原因是我有很多表和css工作，我从http://www.csstablegenerator.com/站点，其中只有tr和td块仅使用

这是带tbody块的工作表工作默认表样式fiddle

但我想对只有tr和td块的表进行排序预期的Fiddle

这是我的测试表，我想对进行排序

   <table border='1' id='test' >
    <!-- this is my header -->   
           <tr>
               <td>AlphaNumeric</td>
               <td>Numeric</td>
               <td>Animals</td>
               <td>Sites</td>
           </tr>

           <tr>
               <td>abc 123</td>
               <td>10</td>
               <td>Koala</td>
               <td>http://www.google.com</td>
           </tr>
           <tr>
               <td>abc 1</td>
               <td>234</td>
               <td>Ox</td>
               <td>http://www.yahoo.com</td>
           </tr>
           <tr>
               <td>abc 9</td>
               <td>10</td>
               <td>Girafee</td>
               <td>http://www.facebook.com</td>
           </tr>
           <tr>
               <td>zyx 24</td>
               <td>767</td>
               <td>Bison</td>
               <td>http://www.whitehouse.gov/</td>
           </tr>
   </table>

Answer 1

假设您不想手动处理表的HTML，那么我会让jquery为您做这件事：

var header = $("#test tr:first").html();
$("#test tr:first").remove();
$("#test").prepend('<thead>' + header + '</thead>');
$('#test').tablesorter();