オプション:num,none,date-ymd,date-ymdh,date-ymdhms
数値 | 対象外 | 日付(YMD) | 日付(YMDH) | 日付(YMDHMS) |
---|---|---|---|---|
0001 | 2009/01/05 | 2010/12/05 13時 | 2009/01/01 21:00:13 | |
0009 | 2010/07/03 | 2010/12/05 13時 | 2009/01/01 12:01:05 | |
0002 | 1983/03/25 | 2009/05/18 00時 | 2009/02/01 00:40:27 | |
0003 | 2009/03/25 | 2009/01/20 19時 | 2009/02/03 16:23:59 |
外部ファイルとして読み込む
<script type="text/javascript" src="js/tableSortExtension.js"></script>
本JSを適用したいtable要素のクラス属性に"sort"を指定し、
各カラム毎のソート条件を"["と"]"で囲んで指定する。(オプション名は動作サンプルを参照)
ソート条件は必ずカラム数だけ指定する。
<table class="sort[num,alt,str,link,date]">
<tr>
<th>数値</th>
<th>画像(alt)</th>
<th>文字列</th>
<th>リンク(テキスト)</th>
<th>日付</th>
</tr>
~
</table>
ソート対象としないカラムには"none"を指定することで、対象外にすることができる。
<table class="sort[num,none,str]">
<tr>
<th>数値</th>
<th>対象外</th>
<th>文字列</th>
</tr>
~
</table>
文字列を日付としてソートする際は、オプションに"date"を指定する。
"date" は ymd(年月日)~ ymdhms(年月日時分秒)の日付形式に対応しているが、
日付形式が予め決まっている場合には、対応する以下のオプションを使用した方が高速に動作する(はず)。