FANDOM


ヘルプ
このヘルプには更新、または翻訳されていないコンテンツがあります。どなたでも翻訳にご協力いただくことができます。
原文 : w:Help:Tables/Wikitext

ここでは、テーブル (table) に特化したWikiテキスト (Wikitext) のフォーマット (書式) の多数の例を挙げています。

Wikiテキストのチートシート 編集

基本的なテーブルのコード 編集

解説 入力
テーブルの開始
(<table>に相当)
{|
テーブルの列 (row) の開始
(<tr>に相当)
|-
テーブルのヘッダ (見出し) (列でもある) ! または !!
テーブルのセル (列でもある) | または ||
テーブルの終了
(</table>に相当)
|}
  • まず、テーブルとなる部分を {| ? |} で囲みます。
  • 半角のビックリマーク ( ! ) で始まる部分が見出しのセルで、内容は中央揃えの太字で表示されます。半角の縦棒( | )で始まる部分が一般のセルで、通常は左揃えで表示されます。
  • |- はセルの改行です。
  • HTMLやスタイルシートを組み込むこともできます。

基本的なテーブル 編集

解説 入力 出力
ボーダー (縁) つきのシンプルな1セルテーブル {| border="1"

|-
| 列 1, <br/>セル/カラム 1
|}

列 1,
セル/カラム 1
シンプルな2セルテーブルの左ヘッダ {| border="1"

|-
! 列 1, <br/>ヘッダ 1/カラム 1
| 列 1, <br/>セル 1/カラム 2
|}

列 1,
ヘッダ 1/カラム 1
列 1,
セル 1/カラム 2
シンプルな 3 x 3 テーブル {| border="1"

|-
| 列 1, <br/>セル/カラム 1
| 列 1, <br/>セル/カラム 2
| 列 1, <br/>セル/カラム 3
|-
| 列 2, <br/>セル/カラム 1
| 列 2, <br/>セル/カラム 2
| 列 2, <br/>セル/カラム 3
|-
| 列 3, <br/>セル/カラム 1
| 列 3, <br/>セル/カラム 2
| 列 3, <br/>セル/カラム 3
|}

列 1,
セル/カラム 1
列 1,
セル/カラム 2
列 1,
セル/カラム 3
列 2,
セル/カラム 1
列 2,
セル/カラム 2
列 2,
セル/カラム 3
列 3,
セル/カラム 1
列 3,
セル/カラム 2
列 3,
セル/カラム 3
幅90%のシンプルな 2 x 2 テーブル {| width="90%"

|-
| 列 1, <br/>セル/カラム 1
| 列 1, <br/>セル/カラム 2
|-
| 列 2, <br/>セル/カラム 1
| 列 2, <br/>セル/カラム 2
|}

ボーダーは説明目的のためにつけています。
列 1,
セル/カラム 1
列 1,
セル/カラム 2
列 1,
セル/カラム 1
列 1,
セル/カラム 2
8ピクセルのセル余白があるシンプルな 2 x 2 テーブル {| cellpadding="8px"

|-
| 列 1, <br/>セル/カラム 1
| 列 1, <br/>セル/カラム 2
|-
| 列 2, <br/>セル/カラム 1
| 列 2, <br/>セル/カラム 2
|}

ボーダーは説明目的のためにつけています。
列 1,
セル/カラム 1
列 1,
セル/カラム 2
列 1,
セル/カラム 1
列 1,
セル/カラム 2
8ピクセルのセル余白があるシンプルな 2 x 2 テーブル {| cellspacing="8px"

|-
| 列 1, <br/>セル/カラム 1
| 列 1, <br/>セル/カラム 2
|-
| 列 2, <br/>セル/カラム 1
| 列 2, <br/>セル/カラム 2
|}

ボーダーは説明目的のためにつけています。
列 1,
セル/カラム 1
列 1,
セル/カラム 2
列 1,
セル/カラム 1
列 1,
セル/カラム 2

セルとヘッダの結合 編集

解説 入力 出力
ヘッダセルを結合したシンプルな2カラムテーブル {|

|-
! colspan="2" | 2カラム幅のヘッダ
|-
| 列 1, <br/>セル/カラム 1
| 列 1, <br/>セル/カラム 2
|-
| 列 2, <br/>セル/カラム 1
| 列 2, <br/>セル/カラム 2
|}

セルの色は説明目的のためにつけています。
2カラム幅のヘッダ
列 1,
セル/カラム 1
列 1,
セル/カラム 2
列 1,
セル/カラム 1
列 1,
セル/カラム 2
ヘッダセルを結合したシンプルな2カラムテーブル {|

|-
| 列 1, <br/>セル/カラム 1
| 列 1, <br/>セル/カラム 2
|-
| colspan="2" | 列 2, <br/>セル/カラム 1 & 2
|}

セルの色は説明目的のためにつけています。
列 1,
セル/カラム 1
列 1,
セル/カラム 2
列 2,
セル/カラム 1 & 2
セルを結合したシンプルな2列テーブル {|

|-
| 列 1, <br/>セル 1/カラム 1
| rowspan="2" | 列 1 & 2, <br/>セル 2
|-
| 列 2, <br/>セル 3/カラム 1
|}

セルの色は説明目的のためにつけています。
列 1,
セル 1/カラム 1
列 1 & 2,
セル 2
列 2,
セル 3/カラム 1

セル、ヘッダ、列の位置合わせ 編集

解説 入力 出力
さまざまな位置合わせのシンプルな2 x 2テーブル {| width="100%"

|- valign="top"
| align="right" | 列 1, <br/>ヘッダ 1, <br/>カラム 1
| align="center" | 列 1, <br/>セル 1/カラム 2
|- valign="bottom"
| 列 2, <br/>ヘッダ 2, <br/>カラム 1
| 列 2, <br/>セル 2/カラム 2
|}

セルの色は説明目的のためにつけています。
列 1,
ヘッダ 1,
column 1
列 1,
セル 1/カラム 2
列 1,
ヘッダ 1,
カラム 1
列 1,
セル 2/カラム 2

典型的なCSSスタイリング 編集

CSSスタイリングの詳細については、ヘルプ:ページのフォーマット/ウィキテキスト/CSS をご覧ください。
解説 入力 出力
Fandom形式の4セルテーブル {| class="article-table"

|-
! 列 1, <br/>ヘッダ 1/カラム 1
! 列 1, <br/>ヘッダ 2/カラム 2
|-
| 列 2, <br/>セル/カラム 1
| 列 2, <br/>セル/カラム 2
|}

列 1,
ヘッダ 1/カラム 1
列 1,
ヘッダ 2/カラム 2
列 2,
セル/カラム 1
列 2,
セル/カラム 2
CSSによる背景色指定ありのシンプルな 2 x 2 テーブル {| style="background-color:yellow;"

|-
| 列 1, <br/>セル/カラム 1
| 列 1, <br/>セル/カラム 2
|-
| 列 2, <br/>セル/カラム 1
| 列 2, <br/>セル/カラム 2
|}

列 1,
セル/カラム 1
列 1,
セル/カラム 2
列 1,
セル/カラム 1
列 1,
セル/カラム 2
CSSによるさまざまなスタイル指定があるシンプルな 2 x 2 テーブル {| style="border:3px inset gray; font-size:80%; width:90%;"

|-
! style="background-color:blue; color:pink; padding-left:1em; width:60%;" | 列 1, <br/>ヘッダ 1/カラム 1
| style="text-decoration:line-through;" | 列 1, <br/>セル/カラム 2
|-
! style="text-align:right;" | 列 2, <br/>ヘッダ 2/カラム 1
| style="border:1px dotted red;" | 列 2, <br/>セル/カラム 2
|}

列 1,
ヘッダ 1/カラム 1
列 1,
セル/カラム 2
列 1,
ヘッダ 2/カラム 1
列 1,
セル/カラム 2

関連情報 編集

その他のヘルプとフィードバック 編集