ソートするテーブルを作成するjavascript「SortableTable」
ソートできるテーブルを作成するjavascriptは多く出回っています。
その中で簡単にソースをあまりいじることなく導入できるものはあまり多くありません。
SEO Blog - joost de ValkのSortableTableは外部javascript一つでソートテーブルを作成できます。
使用方法
SortableTableからダウンロードしたsortable.jsをheadに挿入します。
<script src="http://yourdomain/sortable.js" type="text/javascript"></script>
あとは普通にテーブルで表を作成し
<table class="sortable" id="好きなid名">
と記入すれば完成です。
ただこのままでは寂しいので、zipファイルに同梱されているCSSと画像を組み合わせることをお勧めします。
またオプションとして、ソートさせない列・フッターを作成できます。
列：class="unsortable"
フッター：class="sortbottom"
Javascriptサンプルページ一覧
skuare.net
サンプル
|
|
|
|
ソート不可 |
| 1 |
Z |
02-02-2004 |
€ 5.00 |
This |
| 2 |
y |
13-apr-2005 |
|
Row |
| 3 |
X |
17.aug.2006 |
€ 6.50 |
Is |
| 4 |
w |
01.Jan.2005 |
€ 4.20 |
Unsortable |
| 5 |
V |
05/12/2006 |
€ 7.15 |
See? |
| 合計 |
|
|
€ 29.55 |
|
