[JS]設置も簡単なテーブルのデータをソートする超軽量のスクリプト
Post on:2008年11月5日
sponsors
leigeberから、既存のテーブルにも簡単に設置できる、データをソートする超軽量（1.7KB）のスクリプトを紹介します。
jQueryやPrototypeなど他のスクリプトは必要ありません。
動作確認ブラウザは、IE 6/7/8, Fx2/3, Op, Safari, Chromeとなっています。
設置方法は簡単で、既存のものにも簡単に組み込めます。
- 「script.js」と「style.css」を外部ファイルとして記述します。
- tableに「class="sortable" id="sorter"」を記述します。
- テーブルの下に下記のスクリプトを記述します。
|
1 2 3 4 5 6 |
<textarea name="code" class="html" cols="60" rows="5"> <script type="text/javascript"> var sorter=new table.sorter("sorter"); sorter.init("sorter",1); </script> </textarea> |
ソートを適用させたくない列には、「class="nosort"」を指定します。
- 追記：2009/02/10
- 下記のコメント欄にあるように、一部訂正があるようです。
sponsors
