並べ替えテーブルが正しく動作しません

Question

私はtablesorterというプラグインを使用しています。 rowspan行のテーブルをソートしようとしています。ただし、すべての列を正しくソートするわけではありません。ここにはjsFiddleがあります。

<table cellspacing="1" class="tablesorter"> 
    <thead> 
    <tr> 
     <th>First Name</th> 
     <th>Age</th> 
     <th>Country</th> 
    </tr> 
    </thead> 
    <tbody> 
    <tr> 
     <td>Peter</td> 
     <td>28</td> 
     <td rowspan="2" style="vertical-align:middle">AAA</td> 
    </tr> 
    <tr class="expand-child"> 
     <td>John</td> 
     <td>33</td> 
    </tr> 
    <tr> 
     <td>Clark</td> 
     <td>18</td> 
     <td>BBB</td> 
    </tr> 

    <tr> 
     <td>Bruce</td> 
     <td>22</td> 
     <td>CCC</td> 
    </tr> 
    </tbody> 
</table> 

JS

$('table').tablesorter(); 

age列は正しく並べ替え、どのように私はそれが正しく並べ替えすべての列となるようにするんではないでしょうか？

Answer 1

初期ソートを行いますか？

ソート最初の名前と年齢でソート

$('table').tablesorter({sortList: [[0,0], [1,0]]}); 

Answer 2

$('table').tablesorter({sortList: [[1,0]]}); 

年齢

によって（視覚的、技術的にではない）の問題は、あなたが Peterの子として Johnマークしているということです。したがって、ソートのために番号28,18、および22のみが考慮されます。 33は決して並べ替えのために考慮されません。次のように最初の2つの行を変更

は、あなたのHTMLとあなたのソート要件のルックスからは問題

<tr> 
    <td>Peter</td> 
    <td>28</td> 
    <td>AAA</td> 
</tr> 
<tr> 
    <td>John</td> 
    <td>33</td> 
</tr> 

を解決するように見えるあなたがrowspanやexpand-childクラスを必要とするように、見えません。たぶん、rowspanと2行の同じ値を混同しているのでしょうか？