tablesorterの並び替え（ひらがな）の基準を変更したい

Question

.tablesorterを使用してテーブル内のソートができるようにしています。

漢字が入るカラムの、並び替えの基準を変更したいのですが可能でしょうか？

例)
大 だい 2
中 ちゅう 3
小 しょう 1

となっているのを、

大 だい 3
中 ちゅう 2
小 しょう 1

の順番にしたいです。

カラムのデータはPHPで出しています。
宜しくお願い致します。

Comments

[Mr_Roboto]

こんにちは、.tablesorterというのは、多分jQuery だと思うのですが、それとは関係なく質問の意図がわかりづらいと思います。左2列は固定で、一番右の列だけ入れ替えたいということですか？ (普通はできないというかやらないというか・・・？？？です)

[Mr_Roboto]

ゴメンナサイ、私だけ分かってないみたいです^_^；

Answer 1

こんなサンプルがありました。good medium bad の3つの属性を値に変換して評価することができるみたいですね。

    // add parser through the tablesorter addParser method 
    $.tablesorter.addParser({ 
        // set a unique id 
        id: 'grades', 
        is: function(s) { 
            // return false so this parser is not auto detected 
            return false; 
        }, 
        format: function(s) { 
            // format your data for normalization 
            return s.toLowerCase().replace(/good/,2).replace(/medium/,1).replace(/bad/,0); 
        }, 
        // set type, either numeric or text 
        type: 'numeric' 
    }); 
     
    $(function() { 
        $("table").tablesorter({ 
            headers: { 
                6: { 
                    sorter:'grades' 
                } 
            } 
        }); 
    });                  

jQuery plugin: Tablesorter 2.0 - Writing custom parsers

Answer 2

tablesorterはこういう風にメタデータを活用することができるので、ここにダミーの値を入れてみては如何でしょうか？見かけは<td>タグ内の値ですが、実際のソートはsortValueの値を使って行われるようになります。
「漢字」や「単位付き数値」などが含まれる項目でも、意図通りにソートさせる

<table class="xxxxx">
<thead>
<tr>
  <th class="{sorter:'metadata'}">漢字</th>
  <th class="{sorter:'metadata'}">ひらがな</th>
</tr>
</thead>
<tbody>
<tr>
<td class="{sortValue:3}">大</td>
<td class="{sortValue:3}">だい</td>
</tr>
<tr>
<td class="{sortValue:2}">中</td>
<td class="{sortValue:2}">ちゅう</td>
</tr>
<tr>
<td class="{sortValue:1}">小</td>
<td class="{sortValue:1}">しょう</td>
</tr>
</tbody>
</table>

Answer 3

tablesorter
こちらですよね？
tablesorterは第三者が書いたプラグインですのでソースへのリンク、または参考にしたサイトのURLを書いた方がいいです。

質問への回答ですが、不可視属性の要素を書いておくことで並べ替えの基準にさせることができると思います。

<tr>
    <td><span style="display: none;">3</span>大</td>
</tr>
<tr>
    <td><span style="display: none;">1</span>小</td>
</tr>
<tr>
    <td><span style="display: none;">2</span>中</td>
</tr>