Сортировка таблицы из нескольких таблиц

Question

Я использую jquery и плагин jquery «tablesorter» (http://tablesorter.com/docs/) для сортировки таблицы. теперь у меня есть трудное, что я следующий HTML (другой способ невозможно):

<table class="tablesorter"> 
<tr> 
     <th>ID</th> 
     <th>Name</th> 
     <th>Age</th> 
    </tr>  
</table> 
<table> 
    <tr> 
     <td>1</td> 
     <td>Bob</td> 
     <td>24</td> 
    </tr> 
</table> 
<table> 
    <tr> 
     <td>1</td> 
     <td>James</td> 
     <td>33</td> 
    </tr> 
</table> 
<table> 
    <tr> 
     <td>5</td> 
     <td>PJ</td> 
     <td>28</td> 
    </tr> 
</table> 
<table> 
    <tr> 
     <td>1</td> 
     <td>Sue</td> 
     <td>39</td> 
    </tr> 
</table> 

В каждой таблице есть одна строка. Теперь я хочу сортировать это множество таблиц, так как это одна таблица. Есть ли какое-либо решение этой проблемы?

Я нашел здесь попытку: http://jsfiddle.net/Mottie/8cg4f/31/ Но есть две две таблицы, и сценарий сортирует данные только из одной таблицы.

Answer 1

попробовать что-то вроде этого:

var $table = $(".tablesorter"); 
$table.nextAll("table").children().appendTo($table).end().remove(); 
$table.tablesorter(); 

Answer 2

Таргетинг таблицы, которые вы хотите грабить, просверлить вниз к <tr> с, переместить их туда, где они должны быть, подняться обратно до (теперь пусто) <table> с, выбросить их. jsFiddle

$('table:not(.tablesorter)').find('tr').appendTo('.tablesorter') 
    .end().end().remove(); 

EDIT: согласно комментарию я смоделировал "интервал между <tr> с" помощью дополнения на <td> s jsFiddle.

Если у вас есть другие требования к окончательной странице, просто дайте мне знать, что вы хотели бы закончить, и я могу помочь создать решение, которое даст действительный html, который будет отображаться последовательно для всех ваших пользователей.