[JS]設置も簡単なテーブルのデータをソートする超軽量のスクリプト

leigeberから、既存のテーブルにも簡単に設置できる、データをソートする超軽量(1.7KB)のスクリプトを紹介します。
jQueryやPrototypeなど他のスクリプトは必要ありません。

デモのキャプチャ

JavaScript Table Sorter
demo

動作確認ブラウザは、IE 6/7/8, Fx2/3, Op, Safari, Chromeとなっています。

設置方法は簡単で、既存のものにも簡単に組み込めます。

  1. 「script.js」と「style.css」を外部ファイルとして記述します。
  2. tableに「class="sortable" id="sorter"」を記述します。
  3. テーブルの下に下記のスクリプトを記述します。

ソートを適用させたくない列には、「class="nosort"」を指定します。

追記:2009/02/10
下記のコメント欄にあるように、一部訂正があるようです。

sponsors

top of page

©2024 coliss