jQuery表格數據分類器插件多個<th>行在一張表

Question

我有一個表有兩個表標題<th>。我需要使用jQuery表格排序來排序兩個不同的集合。

$(function() 
{ 

    $(".listtable").tablesorter({ 

    sortList : [[1,0]], 

    widgets: ["zebra", "columns"], 

    widgetOptions: { 
    columns: [ "primary", "secondary", "tertiary" ], 
    columns_thead : true, 
    columns_tfoot : true 
} 

}); 

我能整理一組TH的，但我需要添加另一組TH和TBODY在現有的表：

<table width="100%" border="0" cellspacing="0" cellpadding="0" class="listtable"> 
<thead> 
    <tr> 
    <th>Heading Set1 - A</th> 
    <th>Heading Set1 - B</th> 
    <th>Heading Set1 - C</th> 
    </tr> 
</thead> 
<tbody> 
    <tr> 
    <td>&nbsp;</td> 
    <td>&nbsp;</td> 
    <td>&nbsp;</td> 
    </tr> 
</tbody> 
    <thead> 
    <tr> 
    <th>Heading Set2 - A</th> 
    <th>Heading Set2 - B</th> 
    <th>Heading Set2 - C</th> 
    </tr> 
    </thead> 
<tbody> 
    <tr> 
    <td>&nbsp;</td> 
    <td>&nbsp;</td> 
    <td>&nbsp;</td> 
    </tr> 
    </tbody> 
    </table> 

排序單TH是如下腳本。我的腳本不允許在一個表中排序兩組。

Answer 1

試試這個pplugin，

http://datatables.net/release-datatables/examples/basic_init/multi_col_sort.html

數據表，您可以通過多列在同一時間進行排序。 DataTables還提供了一種方法來添加自己的排序功能，以擴展那些內置到DataTable中的排序功能。如果您想對數據格式進行排序（如貨幣和非Javascript標準日期格式（這種自然排序算法是一種流行的用法），這可能非常有用。

Answer 2

我找到this reference，但是我找不到W3C recommendations中的確切用詞。它說每個表只允許有一個thead和一個tfoot。多tbody的罰款。

因此，而不是有兩個thead，只需將其替換爲一個tbody並添加類，以便該插件忽略內容。像這樣：

<table width="100%" border="0" cellspacing="0" cellpadding="0" class="listtable"> 
    <thead> 
     <tr> 
      <th>Heading Set1 - A</th> 
      <th>Heading Set1 - B</th> 
      <th>Heading Set1 - C</th> 
     </tr> 
    </thead> 
    <tbody> 
     <tr> 
      <td>&nbsp;</td> 
      <td>&nbsp;</td> 
      <td>&nbsp;</td> 
     </tr> 
    </tbody> 
    <tbody class="tablesorter-infoOnly"> 
     <tr> 
      <th>Heading Set2 - A</th> 
      <th>Heading Set2 - B</th> 
      <th>Heading Set2 - C</th> 
     </tr> 
    </tbody> 
    <tbody> 
     <tr> 
      <td>&nbsp;</td> 
      <td>&nbsp;</td> 
      <td>&nbsp;</td> 
     </tr> 
    </tbody> 
</table>