JQuery tablesorter，<table> in <table>（嵌套表）

Question

我有一个表格填充数据库中的数据。这张表可排序感谢jQuery tablesorter。我的问题是主表中的一个单元格包含另外两个表格。所以在主表上排序不再工作。我如何强制只在主表上进行排序？

这里我表源代码的”从我的数据库恢复到另一张桌子后的试样：

<table id='users' class='tablesorter' width='100%' border='0'> 
    <thead> ... </thead> 
    <tbody> 
    <tr class="even"> 
     <td> ... </td> 
     <td> ... </td> 
     <td> 
     <table border="0" cellpadding="0" cellsapcing="0" width="907" 
      <tbody> 
      <tr class="even"> ... </tr> 
      <tr class="even"> ... </tr> 
      <tr class="even"> ... </tr> 
      </tbody> 
     </table> 
     <table border="0" cellpadding="0" cellsapcing="0" width="907" 
      <tbody> 
      <tr class="even"> ... </tr> 
      <tr class="even"> ... </tr> 
      <tr class="even"> ... </tr> 
      </tbody> 
     </table> 
     </td> 
     ... 
    </tr> 
    </tbody> 
</table> 

我的javascript：

$("#users").tablesorter({ 
    headers: { 
     0: { 
      sorter: false 
     }, 
     4: { 
      sorter: false 
     }, 
     5: { 
      sorter: false 
     }, 
     6: { 
      sorter: false 
     }, 
     7: { 
      sorter: false 
     }, 
     9: { 
      sorter: false 
     }, 
     10: { 
      sorter: false 
     }, 
     11: { 
      sorter: false 
     }, 
     12: { 
      sorter: false 
     }, 
     13: { 
      sorter: false 
     }, 
     14: { 
      sorter: false 
     }, 
     15: { 
      sorter: false 
     } 
    } 
}).bind("sortEnd",function() { 
$(this).find('tbody tr:odd').removeClass('odd even').addClass('odd'); 
$(this).find('tbody tr:even').removeClass('odd even').addClass('even'); 
}).trigger("sortEnd"); 

我的CSS：

.tablesorter tbody tr:nth-child(odd) { 
background-color: white; 
} 
.tablesorter tbody tr:nth-child(even) { 
background-color: lightgrey; 
} 

Answer 1

它听起来像是使用原始版本的tablesorter存在的问题。嵌套表格没有正确隔离（demo）。

查看我的fork of tablesorter，它特别注意嵌套表格。这里是a demo。

$(function() { 
    $('#main').tablesorter({ 
     theme: 'blue', 
     widgets: ['zebra'] 
    }); 
});