既存のテーブルを簡単にソートさせるjavascript「Table-Sort」
テーブルで作成した表をソートさせるjavascriptは多くありますが、内部を少しいじらなければならないケースが多いです。
Table-Sortは、既存の仕組みでそのまま簡単にソートさせることができるjavascriptです。
使用方法
Table-Sortのtable-sort.jsを、mootoolsからmootools.jsをダウンロードします。
<script src="http://yourdomain/mootools.js" type="text/javascript"></script>
<script src="http://www.skuare.net/test/js/table-sort.js" type="text/javascript"></script>
<script type="text/javascript">
window.addEvent('domready', function() {
new SortableTable($('tableのid名'));
});
</script>
あとは上記で指定したid名をソートしたいテーブルに付与するだけです。
なおthead内およびtfootは動きません。
サンプル
ソートサンプル
| Rank |
Prev.Rank |
Movie |
Release Date |
Weekly Gross |
Change |
Theaters |
Per Theater |
Gross |
| Cumulative Total: |
$2,982,563,398 |
| 1 |
|
Wild Hogs |
03/01/2007 |
$49,415,325 |
n/a |
3,287 |
$15,034 |
$49,415,325 |
| 2 |
(1) |
Ghost Rider |
09/01/2007 |
$36,530,163 |
-20.61% |
7,616 |
$4,797 |
$164,643,383 |
| 3 |
|
Zodiac |
13/01/2007 |
$16,954,103 |
n/a |
2,362 |
$7,178 |
$16,954,103 |
| 4 |
(3) |
Bridge to Terabithia |
03/12/2006 |
$15,162,910 |
-27.08% |
4,475 |
$3,388 |
$68,605,805 |
| 5 |
(5) |
Music and Lyrics |
09/02/2007 |
$14,644,121 |
-20.25% |
4,289 |
$3,414 |
$74,799,287 |
Javascriptサンプルページ一覧
skuare.net