2011-11-29

[jQuery] Table sorterで桁区切りの数値をソート

テーブルの項目をソートさせるjQueryプラグイン、Table sorterを使おうと思ったのですが、
数値のソートには少しコツがいるようです。


まず単純に数値をソートさせる場合でも、デフォルト設定では文字列扱いになっているので
うまくソートしてくれません。
そこでJavascriptのソースで以下のようにオプションを設定します。

$("#SortTable").tablesorter({
	headers: {
		1: { sorter: "digit" }	// 2列目は数値としてソートする
	}
});


さらに桁区切りのカンマがあると数値としてもソートできません。
その場合、「jquery.tablesorter.js」の内容を一部修正することで、
カンマ以下の数字もきれいにソートできるようになるそうです。

var i = parseFloat(s);
↓
var i = parseFloat(s.replace(/,/g,""));


参考サイト
MOMOYA Labs.

Comment:

Trackback URL: