table_sorterプラグインの使い方

ページ名:table_sorterプラグインの使い方

基本表記とプラグインの機能について

#table_sorter()
#table_sorter(){パラメーター}

表の直後に記述することで、表にソート機能をつけることができます。
パラメーターを指定すると動作を変更できます。
パラメーターはカンマ(,)区切りで記述してください。

パラメータ一覧

パラメータ説明
head=(色コード)見出しの色を指定します。(red,blueなどのカラーネームも指定できます)
odd=(色コード)偶数行の色を指定します。(red,blueなどのカラーネームも指定できます)
even=(色コード)奇数行の色を指定します。(red,blueなどのカラーネームも指定できます)
zebra=1odd=#f0f0f0, even=#ffffff が指定されたとして扱います。
repeathead=(数字)指定行毎に見出しを追加します。1以上の数値を指定してください。

サンプル

#table_sorter()

表示例

見出し行の右側にhを指定する必要があります。
見出しの部分にに▲▼マークが表示されます。これらをクリックするととで数値/文字を昇順・降順に並び替えができます。


|column1|column2|column3|h
|1|3|4|
|6|4|5|
|6|8|9|
#table_sorter()

column1column2column3
134
645
689
{"target":"prev","option":{"repeat_header":0},"sort":{"default":"none"},"color":{}}

|~column1|~column2|~column3|h
|1|3|4|
|3|4|5|
|6|8|9|
|33|44|1|
|200|33|4|
|3|39|20|
|100|5|4|
#table_sorter(){head=#ffa500,odd=#b3b3b3,even=white,repeathead=3}

column1column2column3
134
345
689
33441
200334
33920
10054
{"target":"prev","option":{"repeat_header":3},"sort":{"default":"none"},"color":{"head":"#ffa500","odd":"#b3b3b3","even":"white"}}

<< 利用できるwiki記法リストに戻る