sortablejs
差分
この文書の現在のバージョンと選択したバージョンの差分を表示します。
| 両方とも前のリビジョン 前のリビジョン 次のリビジョン | 前のリビジョン | ||
|
sortablejs [2018/04/20 21:06] 管理者 |
sortablejs [2018/05/14 19:05] (現在) 管理者 |
||
|---|---|---|---|
| ライン 1: | ライン 1: | ||
| + | {{tag>DokuWiki関連 Dokuwikiプラグイン}} | ||
| + | [[start]]＞[[mypedia_start]]｜[[start]]＞[[dokuwiki_start]] | ||
| + | ====== Sortablejs Plugin ====== | ||
| + | DokuWikiでテーブルの並び替えが可能になるプラグイン | ||
| + | ---- | ||
| + | ===== 使い方 ===== | ||
| + | 通常のテーブルに%%<sortable>～</sortable>%%で囲むだけ。 | ||
| + | |||
| + | <code> | ||
| + | <sortable> | ||
| + | ^数字^英語^文字^ | ||
| + | |1|aaa|あああ| | ||
| + | |2|bbb|亜亜亜| | ||
| + | |3|abc|abc| | ||
| + | </sortable> | ||
| + | </code> | ||
| + | |||
| + | ===== デモ ===== | ||
| + | <sortable> | ||
| + | ^数字^英語^文字^ | ||
| + | |1|aaa|あああ| | ||
| + | |2|bbb|亜亜亜| | ||
| + | |3|abc|abc| | ||
| + | </sortable> | ||
| + | |||
| + | ===== PR ===== | ||
| + | <html> | ||
| + | <script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script> | ||
| + | <!-- respon_0 --> | ||
| + | <ins class="adsbygoogle" | ||
| + | style="display:block" | ||
| + | data-ad-client="ca-pub-9251612436023685" | ||
| + | data-ad-slot="1409739163" | ||
| + | data-ad-format="auto"></ins> | ||
| + | <script> | ||
| + | (adsbygoogle = window.adsbygoogle || []).push({}); | ||
| + | </script> | ||
| + | </html> | ||
| + | |||
| + | ===== オプション ===== | ||
| + | <code> | ||
| + | <sortable (1) (2) (3) (4)> | ||
| + | </code> | ||
| + | (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 指定すると通常の昇順・降順に「元の順」が追加 | ||
| + | <code> | ||
| + | <sortable r1 sumrow=2 1=numeric 2=alpha 3=nosort 3phase> | ||
| + | </code> | ||
| + | |||
| + | ===== 備考 ===== | ||
| + | * 先頭行はソートできない。 | ||
| + | * 先頭列をヘッダ行(^)にせず通常行(|)にする▲▼マーク出ない(ソートは可能) | ||
| + | * 文字評価がデフォルト。 | ||
| + | * 日付順は解説ページの「25/12/2008」(d/m/yyyy形式)ではソートできなかった | ||
| + | * yyyy/m/d形式かm/d/yyyy形式なら問題ない、 | ||
| + | * OSとか地域設定が影響してるか？ | ||
| + | * 0詰めしたYYYY/MM/DD形式で文字列順にすれば問題起きない。 | ||
| + | |||
| + | ==== 日付順のデモ ==== | ||
| + | d/m/yyyy形式は順番に並ばないので注意。 | ||
| + | <sortable 1=numeric 2=date 3=data 4=data> | ||
| + | ^順番^yyy/m/d^m/d/yyyy^d/m/yyyy :!:^ | ||
| + | |1|2001/1/1|1/1/2001|1/1/2001| | ||
| + | |2|2001/1/2|1/2/2001|2/1/2001| | ||
| + | |3|2001/1/25|1/25/2001|25/1/2001| | ||
| + | |4|2001/2/1|2/1/2001|1/2/2001| | ||
| + | |5|2001/2/2|2/2/2001|2/2/2001| | ||
| + | |6|2001/2/25|2/25/2001|25/2/2001| | ||
| + | |7|2002/1/1|1/1/2002|1/1/2002| | ||
| + | |8|2002/1/2|1/2/2002|2/1/2002| | ||
| + | |9|2002/1/25|1/25/2002|25/1/2002| | ||
| + | |10|2002/2/1|2/1/2002|1/2/2002| | ||
| + | |11|2002/2/2|2/2/2002|2/2/2002| | ||
| + | |12|2002/2/25|2/25/2002|25/2/2002| | ||
| + | </sortable> | ||
| + | |||
| + | ==== 関連リンク ==== | ||
| + | [[https://www.dokuwiki.org/plugin:sortablejs|sortablejs Plugin - DokuWiki]]※英語 | ||
| + | ---- | ||
| + | [[start]]＞[[mypedia_start]]｜[[start]]＞[[dokuwiki_start]] | ||
