基本的な表(テーブル)

---

表(テーブル)の入力方法

|aaa|bbb|ccc|
|ddd|eee|fff|

と入力すると、

aaa	bbb	ccc
ddd	eee	fff

と表示されます。

「｜」記号の入力方法

アットウィキモードで表を入力するには 行頭を「|」ではじめて「|」で区切ります。

|

の記号はシフトキーを押しながら、キーボードの右上の方にある「￥」マークのキーを押すことで、入力できます。

---

表(テーブル)のヘッダの作成

見出しテキストの前に~(チルダ記号)を記述することで、表における見出しとなります。
atwikiモードでは、省略系として見出し行の末尾にhを指定することでも動作します。

当ガイドでは、編集モードが pukiwikiライクモード, atwikiモード のどちらの場合でも見出しとして動作するよう、以下のようにどちらも記載していることがあります。

|~aaa|~bbb|~ccc|h
|ddd|eee|fff|

と入力すると、

aaa	bbb	ccc
ddd	eee	fff

と表示されます。

---

プラグインによる表（テーブル）の装飾

以下のプラグインで、表を装飾できます。
構文で入力することで同様のことができることもありますが、構文で記載する場合と比べ、記載を簡略化することが可能です。また、table_sorterプラグインは表にソート機能を付与することができます。
記載方法など、詳しくは以下のリンクをご確認ください。

• テーブル装飾プラグイン（table_style）
• テーブル色付けプラグイン(奇数行・偶数行)(table_zebra)
• 表（テーブル）ソートプラグイン(table_sorter)
• 表（テーブル）自動連番付与プラグイン（table_autoincrement）

以下はtable_styleプラグインの入力例です。

#table_style(head=#FFB34B:#FFFFFF:120%, hover=#C08:#EFEFEF:center){
  列1=#DDEEFF:bold,
  列2=#333322:#FFFFFF:center,
  列3=#AAFFFF:italic:right
}
|~列1|~列2|~列3|h
|1|2|3|
|1|2|3|
|1|2|3|

列1	列2	列3
1	2	3
1	2	3
1	2	3

---

セル内の上揃え、中央揃え、下揃え

上揃えにする場合には、先頭に「TOP:」をつけます。
中央揃えにする場合には、先頭に「MIDDLE:」をつけます。
下揃えにする場合には、先頭に「BOTTOM:」をつけます。

入力例）

|TOP:aaa|MIDDLE:bbb|BOTTOM:ccc|&br()&br()&br()|

と入力すると、

aaa

bbb

ccc

と表示されます。

---

セルの左寄せ、中央寄せ、右寄せ

セルの中で左寄せ、中央寄せ、右寄せをすることができます。
各セルでLEFT: CENTER: RIGHT: という命令をそのセルの先頭に記載します。
何も指定しない場合は左寄せになります。

入力例)

|指定なしのサンプル|LEFT指定のサンプル|CENTER指定のサンプル|RIGHT指定のサンプル|h
|a|LEFT:b|CENTER:c|RIGHT:d|

指定なしのサンプル	LEFT指定のサンプル	CENTER指定のサンプル	RIGHT指定のサンプル
a	b	c	d

---

文字サイズ、文字色、背景色

文字サイズを指定するには、先頭に「SIZE(文字サイズ):」をつけます。
文字色を指定するには、先頭に「COLOR(カラーコード):」をつけます。
背景色を指定するには、先頭に「BGCOLOR(カラーコード):」をつけます。

入力例）

|SIZE(20):文字のサイズを20pxにする|
|COLOR(red):文字色を赤(red)にする|
|BGCOLOR(yellow):背景色を黄色(yellow)にする|
|BGCOLOR(#000):COLOR(#fff):背景色を黒(#000)に、文字色を白(#fff)にする|

と入力すると、

文字のサイズを20pxにする

文字色を赤(red)にする

背景色を黄色(yellow)にする

背景色を黒(#000)に、文字色を白(#fff)にする

と表示されます。


また、上記の文字装飾につきましては、文字装飾プラグイン(&font)を使うことでも
実現できます。
※fontプラグインでの背景色に関しましては、文字の背景のみとなります。

入力例）

|&font(20px){文字のサイズを20pxにする}|
|&font(red){文字色を赤(red)にする}|
|&font(black,yellow){背景色を黄色(yellow)にする}|
|&font(#fff,#000){背景色を黒(#000)に、文字色を白(#fff)にする}|

と入力すると、

文字のサイズを20pxにする

文字色を赤(red)にする

背景色を黄色(yellow)にする

背景色を黒(#000)に、文字色を白(#fff)にする

と表示されます。

---

セル内での改行

セル内での改行には、改行プラグイン(&br)を使います。

入力例）

|aaa&br()aaa|bbb|ccc|
|aaa|bbb|ccc|
|aaa|bbb|ccc|

と入力すると、

aaa aaa	bbb	ccc
aaa	bbb	ccc
aaa	bbb	ccc

と表示されます。