表の列にソート機能を追加する
ここでは表の列にソート機能を追加するWiki構文について解説します。
表(テーブル)の列にソート機能を追加する
ページ編集画面でWiki構文を差し込むことによって、表の列にソート機能を追加することができます。
表の列にソート機能を追加するWiki構文
表の列にソート機能を追加することができます。
ヘッダー列にソート機能を追加することで、行ごとのソートを行うことができます。
※入力例は、そのままコピーしてご利用頂けます。
【入力例】
|COLSORT:HP|COLSORT:攻撃力:|COLSORT:防御力|h
|100|200|300|
|200|300|100|
|300|100|200|
※TS:500(表全体の横幅を500pxに指定したうえ、スクロールバーを付ける)、30%/50%/20%(左行横幅30%、中央行横幅50%、右行横幅20%)という指定をしています。
【表示例】
HP | 攻撃力: | 防御力 |
---|---|---|
100 | 200 | 300 |
200 | 300 | 100 |
300 | 100 | 200 |
【注意】
- ヘッダー列に「h」を入れないとソートは機能しません。
表(テーブル)に関する構文
構文は直接記述することができます。
構文 | 説明 |
---|---|
|||| |||| |||| | 表(3×3) |
~~ | セル内の改行 |
|!|!| |~|| |||h | 表のヘッダー |
|A|| |^|| | 縦結合 Aと下の段が結合します |
|>|B| ||| | 横結合 Bと左の段が結合します |
color(red):サンプル | セル内の文字色変更 |
size(16):サンプル | セル内の文字サイズ変更 |
bgcolor(pink):サンプル | セル内の背景色変更 |
|C|c 例:|CENTER:|c | Cに入力した構文が 続く下段にも適用されます |
T:X T:Y% | 横幅をXピクセルに設定 横幅をY%に設定 |
TS:Z | 横幅がZピクセル以上の時、 横スクロールバーを表示 |
COLSORT: | 列の並び替えが出来ます |
Wiki構文ガイドトップ