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所以我們可以跟蹤它，而且我應該在下次更新中修復這個問題。

感謝報告！