絶対お勧め！JavaScriptでテーブルソート「Table Sorter」 // MOONGIFT Archived

Web開発の現場において、データの並べ替え機能の要望は良く出る話だ。開発がある程度終わった段階で言われたりするとショックを受ける事もある。検索条件をパラメータで引き継いで、ページ番号も…なんて考えただけでも嫌になるだろう。

そんな経験のある、またはこれから経験するであろう方にお勧めのソフトウェアがある。これさえ使えばソート処理は怖くない。

今回紹介するオープンソース・ソフトウェアはTable Sorter、JavaScriptのみで実現するソートライブラリだ。

この手のライブラリはこれまでいくつかあったが、iframeを使ったり、表示に特定の手法が必要だったりと、そのままでは使いづらいものが多かった。Table Sorterはそれらの完成版ともいえるかも知れない。

何せ、読み込むのはJavaScriptファイル一つだけ、さらに普通のテーブルタグに対して、ヘッダ部分はtheadタグとthタグで作るだけでいい。データ部分は全体をtbodyタグで囲んで、tdタグで記述するだけだ。

これだけが終われば、あとは再読み込みするだけでいい。それだけでヘッダをクリックするとソートができる処理が完成する。公式サイトのトップページにデモがあるので、ぜひ試していただきたい。

これ以上はないと言うくらい手軽だ。並べ替えの表示指定もでき、矢印や三角を表示する事もできる。これは間違いなく知っておくべきソフトウェアだ。