sortable_tableプラグインについて
Last-modified: Wed, 28 Aug 2024 11:22:51 JST (211d)
Top > sortable_tableプラグインについて
概要
並べ変え、フィルタ機能が利用可能なテーブルプラグインです。
旧sortabletableの新バージョンとなります。
使い方
書式は以下のようになります。
#sortable_table(ソート属性[Number|String]|...,自動連番有効化[autonum=1],自動連番加算値[numstep=1],自動連番見出し[numname=No],見出し背景色[head=#000000],奇数行背景色[odd=#000000],偶数行背景色[even=#000000],フィルタ機能有効化[filter],見出しの折り返し禁止[nowrap],テーブル幅[width=100]){{ テーブル }}
- ソート属性
列ごとに|で区切って指定します。並べ替え実行時に、文字列として評価するか、数値として評価するかを指定します。- Number:数値として評価します
- Date:日付として評価します
- String:文字列として評価します
※ソート属性が指定されない場合は文字列として評価されます。
- 自動連番有効化
1をセットすることで、各行の先頭に自動連番のカラムが追加されます。 - 自動連番加算値
自動連番が有効な場合、連番の増加値を指定します。未指定の場合、初期値は1です。 - 自動連番見出し
自動連番が有効な場合、列の見出しに表示されるタイトルを指定します。初期値は"No"です。 - 見出し背景色
見出し行の背景色を指定します。 - 奇数行背景色、偶数行背景色
奇数行と偶数行で指定した背景色が表示されます。 - フィルタ機能有効化
filterを指定することでフィルタ機能が有効となります - テーブル幅
テーブル幅を指定します。(単位=%)
注意
- セルが「>」や「~」により連結されているテーブルでは予期せぬ動作となる場合がございます。
- テーブル幅と最大高さは同時に指定できません。
使用例
自動連番指定、見出しと奇数偶数行の背景色指定、フィルタなし
番号 | 数値 | 日付 | 文字列----------------------※ |
---|---|---|---|
99999 | 2020/03/03 | 文字列フッタ | |
1 | 11111 | 2024/01/05 | 文字列セル1行目 |
11 | 22222 | 2022/12/11 | 文字列セル2行目 |
21 | 33333 | 2026/11/3 | 文字列セル3行目 |
31 | 44444 | 2022/8/21 | 文字列セル4行目 |
41 | 55555 | 2011/6/17 | 文字列セル5行目 |
51 | 66666 | 2021/3/27 | 文字列セル6行目 |
61 | 77777 | 2014/2/8 | 文字列セル7行目 |
71 | 88888 | 2019/10/9 | 文字列セル8行目 |
81 | 99999 | 2024/5/30 | 文字列セル9行目 |
91 | 00000 | 2030/12/1 | 文字列セル10行目 |
#sortable_table(Number|Date|String,autonum=1,numstep=10,numname=番号,head=#f0f0f0,odd=#ffffff,even=#f6f9fb){{ |~数値|~日付|~文字列----------------------※|h |RIGHT:|CENTER:|LEFT:20|c |11111|2024/01/05|文字列セル1行目| |22222|2022/12/11|文字列セル2行目| |33333|2026/11/3|文字列セル3行目| |44444|2022/8/21|文字列セル4行目| |55555|2011/6/17|文字列セル5行目| |99999|2020/03/03|文字列フッタ|f }}
幅指定、見出しの折り返し禁止、フィルタON
数値 | 日付 | 文字列----------------------※ |
---|---|---|
99999 | 2020/03/03 | 文字列フッタ |
11111 | 2024/01/05 | 文字列セル1行目 |
22222 | 2022/12/11 | 文字列セル2行目 |
33333 | 2026/11/3 | 文字列セル3行目 |
44444 | 2022/8/21 | 文字列セル4行目 |
55555 | 2011/6/17 | 文字列セル5行目 |
#sortable_table(Number|Date|String,filter,nowrap,width=50){{ |~数値|~日付|~文字列----------------------※|h |RIGHT:|CENTER:|LEFT:20|c |11111|2024/01/05|文字列セル1行目| |22222|2022/12/11|文字列セル2行目| |33333|2026/11/3|文字列セル3行目| |44444|2022/8/21|文字列セル4行目| |55555|2011/6/17|文字列セル5行目| |99999|2020/03/03|文字列フッタ|f }}