jQueryプラグイン Tablesorterで桁区切り数字をソート

公開日： 2012/02/23 : 最終更新日：2012/02/24 プログラミング

jQuery plugin: Tablesorter 2.0を使ってみて、桁区切り数字が文字扱いでソートされてしまうのですが、ググってみると、修正方法を説明してくださってる方々がいて「お！」と思ったものの、その通りに変更するとエラーとなってしまい、動作しなくてしょぼんだったのが解決しました。

説明時のバージョンと異なるからだろうか。僕が落としてきたVer2.0.5bではどうにも動作しなかったのですが、下記の変更を加えたら動作しました。ありがとうございます。

下記コメントアウトしてるところをすぐ上の行に変更しました。

    ts.addParser({
        id: "digit",
        is: function (s, table) {
            var c = table.config;
            return $.tablesorter.isDigit(s, c);
        }, format: function (s) {
            return $.tablesorter.formatFloat(s.replace(/,/g,""));
//            return $.tablesorter.formatFloat(s);
        }, type: "numeric"
    });

ts.addParser({

id: "digit",

is: function (s, table) {

var c = table.config;

return $.tablesorter.isDigit(s, c);

}, format: function (s) {

return $.tablesorter.formatFloat(s.replace(/,/g,""));

// return $.tablesorter.formatFloat(s);

}, type: "numeric"

});

なお、一行ごとに色を変えるにはこんなふうにzebraを足すとよいです。

<script type="text/javascript">
    $(function(){
        $.tablesorter.defaults.widgets = ['zebra'];
        $("#listTable").tablesorter();
      });
</script>