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を指定することでフィルタ機能が有効となります
  • テーブル幅
    テーブル幅を指定します。(単位=%)

注意

  • セルが「>」や「~」により連結されているテーブルでは予期せぬ動作となる場合がございます。
  • テーブル幅と最大高さは同時に指定できません。

使用例

自動連番指定、見出しと奇数偶数行の背景色指定、フィルタなし

番号数値日付文字列----------------------※
999992020/03/03文字列フッタ
1111112024/01/05文字列セル1行目
11222222022/12/11文字列セル2行目
21333332026/11/3文字列セル3行目
31444442022/8/21文字列セル4行目
41555552011/6/17文字列セル5行目
51666662021/3/27文字列セル6行目
61777772014/2/8文字列セル7行目
71888882019/10/9文字列セル8行目
81999992024/5/30文字列セル9行目
91000002030/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

数値日付文字列----------------------※
999992020/03/03文字列フッタ
111112024/01/05文字列セル1行目
222222022/12/11文字列セル2行目
333332026/11/3文字列セル3行目
444442022/8/21文字列セル4行目
555552011/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
}}