jquery tablesorter：嵌套表

Question

我有嵌套表，其中内部和外部表都有动态添加到他们的行。当我触发内部表的更新时，内部表的顺序被改变后，外部表的顺序也被改变。我创建了一个的jsfiddle来证明这一点：

http://jsfiddle.net/FZLxp/

这是从操作系统的问题分叉Nested jQuery Tablesorter tables, all sortable

要看到问题排序使外部表，使丰田在顶部，然后点击“更新”按钮。更新按钮触发内部丰田表的更新，同时也对外部表进行分类以反映Toyota Doors栏的分类方向。

如何在添加其他行而不对外部表进行排序后对内部表进行排序？

<script type="text/javascript"> 
function updateRW() { 
    $("#toyota").trigger("update", [true]); 
} 
</script> 

<table class="tablesorter"> 
    <thead> 
     <tr> 
      <th>Make</th> 
      <th>Model</th> 
     </tr> 
    </thead> 
    <tbody> 
     <tr> 
      <td>Honda</td> 
      <td>Accord</td> 
     </tr> 
     <tr class="tablesorter-childRow"> 
      <td colspan="2" style="padding: 0 30px 0 30px;"> 
       <table class="tablesorter-child"> 
        <thead> 
         <tr> 
          <th>Doors</th> 
          <th>Colors</th> 
         </tr> 
        </thead> 
        <tbody> 
         <tr> 
          <td>Honda 2-Door</td> 
          <td>Honda Red</td> 
         </tr> 
         <tr> 
          <td>Honda 4-Door</td> 
          <td>Honda Blue</td> 
         </tr> 
        </tbody> 
       </table> 
      </td> 
     </tr> 
     <tr> 
      <td>Toyota</td> 
      <td>Camry</td> 
     </tr> 
     <tr class="tablesorter-childRow"> 
      <td colspan="2" style="padding: 0 30px 0 30px;"> 
       <table id="toyota" class="tablesorter-child"> 
        <thead> 
         <tr> 
          <th>Doors</th> 
          <th>Colors</th> 
         </tr> 
        </thead> 
        <tbody> 
         <tr> 
          <td>Toyota 2-Door</td> 
          <td>Toyota Yellow</td> 
         </tr> 
         <tr> 
          <td>Toyota 4-Door</td> 
          <td>Toyota Green</td> 
         </tr> 
        </tbody> 
       </table> 
      </td> 
     </tr> 
    </tbody> 
</table> 
<input type=button value="update" onclick="updateRW()"> 

$(document).ready(function() 
{ 
    $("table").tablesorter({selectorHeaders: '> thead > tr > th'}); 
}); 

Answer 1

这似乎是tablesorter中的一个错误！

我已经opened an issue所以我们可以跟踪它，而且我应该在下次更新中修复这个问题。

感谢报告！