スクロール時に表の行・列を固定表示する

最終更新日時 : 2022/03/07 17:25

1人が閲覧中

作成者： Gamerch Support

最終更新者： Gamerch Support

参考になった！ 0

ヘルプ項目一覧

ここではスクロール時に表の行・列を固定表示するWiki構文について解説します。

スクロール時に表（テーブル）の行・列を固定表示するにする
スクロール時に表の行・列を固定表示するWiki構文
先頭行の固定例（縦方向の固定）
先頭列の固定例（横方向の固定）
表（テーブル）に関する構文

スクロール時に表（テーブル）の行・列を固定表示するにする

ページ編集画面でWiki構文を差し込むことによって、スクロール時に表の行・列を固定表示することができます。

スクロール時に表の行・列を固定表示するWiki構文

縦長の表や横スクロールを使った横長の表を表示させる際に、先頭の行や先頭の列を固定することができます。

テーブルの設定行(|･･･|c)に、先頭行（1行目）を固定する場合は|FT:|cを記述、先頭列（1列目）を固定する場合は|FL:|cを記述することでスクロールに合わせて先頭行/列が追随するようになります。

|FT:FL:|cを併用することで、先頭行と先頭列を両方固定することも可能になります。

※入力例は、そのままコピーしてご利用頂けます。

【注意１】

固定できるのは1行目または1列目のみになります。
複数の行/列を固定することはできません。

【注意２】

先頭列を固定できるのは横スクロール構文TS:を利用した時のみとなります。

先頭行の固定例（縦方向の固定）

【入力例】

|FT:|c
|先頭行|h
|CENTER:↓↓↓↓↓|
|ページをスクロールしても|
|先頭行がテーブル上部に表示されます|
(以下省略)

【表示例】

※テーブルの先頭行（濃いグレーの行）が画面をスクロールしても画面上部に固定表示されています。

先頭列の固定例（横方向の固定）

【入力例】

|FL:TS:700||c
|先|横にスクロールすると|→ → → → → →|横にスクロールすると|→ → → → → →|
|頭|先頭列が枠の左側に|→ → → → → →|先頭列が枠の左側に|→ → → → → →|
|列|固定されます|→ → → → → →|固定されます|→ → → → → →|
|先|→ → → → → →|横にスクロールすると|→ → → → → →|横にスクロールすると|
|頭|→ → → → → →|先頭列が枠の左側に|→ → → → → →|先頭列が枠の左側に|
|列|→ → → → → →|固定されます|→ → → → → →|固定されます|

【表示例】

※テーブルの先頭列がテーブル枠を横にスクロールしても枠の左側に固定表示されています。

表（テーブル）に関する構文

構文は直接記述することができます。

構文	説明
\|\|\|\| \|\|\|\| \|\|\|\|	表（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:	列の並び替えが出来ます