jquery tablesorter: вложенные таблицы

Question

У меня есть вложенные таблицы, в которых внутренние и внешние таблицы имеют динамически добавленные строки. Когда я запускаю обновление внутренней таблицы, после изменения внутреннего порядка таблицы, порядок внешней таблицы также изменяется. Я создал jsfiddle, чтобы продемонстрировать это:

http://jsfiddle.net/FZLxp/

который разветвляется от вопроса OS Nested jQuery Tablesorter tables, all sortable

Чтобы увидеть проблему сортировки внешней таблицы с помощью сделать так, чтобы Toyota находится на вершине, а затем нажмите кнопку «Обновить». Кнопка обновления запускает обновление внутренней таблицы toyota, а также сортирует внешний стол, чтобы отразить направление сортировки столбца 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, поэтому мы можем отслеживать его, и я должен зафиксировать это в следующем обновлении.

Спасибо, что сообщили об этом!