複数テーブルからのテーブルソート

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> 

は1行です。今は、このテーブルを1つのテーブルとして並べ替える必要があります。 この問題の解決策はありますか？

私はここで試行を見つけました：http://jsfiddle.net/Mottie/8cg4f/31/ しかし、onyテーブルが2つあり、スクリプトは1つのテーブルのデータのみをソートします。

Answer 1

このような何か試してみてください：

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

Answer 2

ターゲットあなたは、略奪<tr> sまでドリルダウンし、彼らがする必要がどこに移動し、（今は空）まで戻って登るしたいテーブルを<table>それを捨ててください。 jsFiddle

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

EDIT：コメントのとおり、私は<td>のjsFiddleのパディングを使用して "<tr> sの間の間隔を" シミュレートしています。

最終ページの要件が他にもある場合は、最終的に何をしたいのかをお知らせください。すべてのユーザーに一貫して表示される有効なHTMLを生成するソリューションを作成するのに役立ちます。