スクロール時に表の行・列を固定表示する
ここではスクロール時に表の行・列を固定表示するWiki構文について解説します。
目次
スクロール時に表(テーブル)の行・列を固定表示するにする
ページ編集画面でWiki構文を差し込むことによって、スクロール時に表の行・列を固定表示することができます。
スクロール時に表の行・列を固定表示するWiki構文
縦長の表や横スクロールを使った横長の表を表示させる際に、先頭の行や先頭の列を固定することができます。
テーブルの設定行(|・・・|c)に、先頭行(1行目)を固定する場合は|FT:|cを記述、先頭列(1列目)を固定する場合は|FL:|cを記述することでスクロールに合わせて先頭行/列が追随するようになります。
|FT:FL:|cを併用することで、先頭行と先頭列を両方固定することも可能になります。
※入力例は、そのままコピーしてご利用頂けます。
【注意1】
- 固定できるのは1行目または1列目のみになります。
複数の行/列を固定することはできません。
【注意2】
- 先頭列を固定できるのは横スクロール構文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: | 列の並び替えが出来ます |
Wiki構文ガイドトップ