- このヘルプには更新、または翻訳されていないコンテンツがあります。どなたでも翻訳にご協力いただくことができます。
- 原文 : w:Help:Tables/Wikitext。
ここでは、テーブル (table) に特化したWikiテキスト (Wikitext) のフォーマット (書式) の多数の例を挙げています。
Wikiテキストのチートシート[編集 | ソースを編集]
基本的なテーブルのコード[編集 | ソースを編集]
| 解説
|
入力
|
テーブルの開始
(<table>に相当)
|
{|
|
テーブルの列 (row) の開始
(<tr>に相当)
|
|-
|
| テーブルのヘッダ (見出し) (列でもある)
|
! または !!
|
| テーブルのセル (列でもある)
|
| または ||
|
テーブルの終了
(</table>に相当)
|
|}
|
- まず、テーブルとなる部分を {| ? |} で囲みます。
- 半角のビックリマーク ( ! ) で始まる部分が見出しのセルで、内容は中央揃えの太字で表示されます。半角の縦棒( | )で始まる部分が一般のセルで、通常は左揃えで表示されます。
- |- はセルの改行です。
- HTMLやスタイルシートを組み込むこともできます。
| 解説
|
入力
|
出力
|
| ボーダー (縁) つきのシンプルな1セルテーブル
|
{| border="1"
|-
| 列 1, <br/>セル／カラム 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スタイリング[編集 | ソースを編集]
| 解説
|
入力
|
出力
|
| 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
|
|
その他のヘルプとフィードバック[編集 | ソースを編集]
