あちあち情報局

趣味や日曜プログラムなどを書いています

ユーザ用ツール

サイト用ツール


サイドバー

メニュー

現在リニューアル中

タグ一覧

sortablejs

ここは旧トップページ自分用百科事典ここは旧トップページDokuWiki関連

Sortablejs Plugin

DokuWikiでテーブルの並び替えが可能になるプラグイン


使い方

通常のテーブルに<sortable>~</sortable>で囲むだけ。

<sortable>
^数字^英語^文字^
|1|aaa|あああ|
|2|bbb|亜亜亜|
|3|abc|abc|
</sortable>

デモ

数字英語文字
1aaaあああ
2bbb亜亜亜
3abcabc

PR

オプション

<sortable (1) (2) (3) (4)>

(1) 初期ソート状態(1つのみ設定可、未指定なら初期ソートしない)

  • 1 なら1列目昇順
  • r1 なら1列目逆順

(2) ソート禁止行(1つのみ設定可、フッター行がある場合に使う)

  • sumrow なら最後の1行をソートしない
  • sumrow=2 なら最後の2行をソートしない

(3) 各列のソート評価方式(複数定義可能)

  • 1=numeric で1列目数列順
  • 2=alpha で2列目文字列順
  • 3=nosort で3列目ソート禁止
  • 4=date で4列目を日付順(備考読む事)

(4) ソートオプション

  • 3phase 指定すると通常の昇順・降順に「元の順」が追加
<sortable r1 sumrow=2 1=numeric 2=alpha 3=nosort 3phase>

備考

  • 先頭行はソートできない。
  • 先頭列をヘッダ行(^)にせず通常行(|)にする▲▼マーク出ない(ソートは可能)
  • 文字評価がデフォルト。
  • 日付順は解説ページの「25/12/2008」(d/m/yyyy形式)ではソートできなかった
    • yyyy/m/d形式かm/d/yyyy形式なら問題ない、
    • OSとか地域設定が影響してるか?
    • 0詰めしたYYYY/MM/DD形式で文字列順にすれば問題起きない。

日付順のデモ

d/m/yyyy形式は順番に並ばないので注意。

順番yyy/m/dm/d/yyyyd/m/yyyy :!:
12001/1/11/1/20011/1/2001
22001/1/21/2/20012/1/2001
32001/1/251/25/200125/1/2001
42001/2/12/1/20011/2/2001
52001/2/22/2/20012/2/2001
62001/2/252/25/200125/2/2001
72002/1/11/1/20021/1/2002
82002/1/21/2/20022/1/2002
92002/1/251/25/200225/1/2002
102002/2/12/1/20021/2/2002
112002/2/22/2/20022/2/2002
122002/2/252/25/200225/2/2002

関連リンク

sortablejs.txt · 最終更新: 2018/05/14 19:05 by 管理者