Question

我非常有兴趣知道如何在没有tbody和th块的情况下使用jquery tablesorter，这背后的原因是我有很多表和css工作，我从http://www.csstablegenerator.com/生成网站，其中只有tr和td块仅使用了

这是包含tbody块的工作表 Working default table style fiddle

但我想只用tr和td块对表进行排序 Expected 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();

没有tbody和th块的jquery tablesorter用法

1 个答案: