テーブル

シンプルなテーブル

バーティカルバーを二つずつ使ってシンプルなテーブルを作ることができます。

||~ ヘッド1 ||~ ヘッド2 ||~ ヘッド3 ||
|| セル1 || セル2 || セル3 ||
|||| 長いセル4 || セル5 ||
|| セル6 |||| 長いセル7 ||
|||||| 長ぁぁいセル8||
ヘッド1 ヘッド2 ヘッド3
セル1 セル2 セル3
長いセル4 セル5
セル6 長いセル7
長ぁぁいセル8
|| ラインは二つずつのバーティカルバーで || 始まりと終わりにある必要があります || 何も書いてありません ||
|| セルは二つずつのバーティカルバーによって || 分離されます || 何も書いてありません ||
|||| 各セルの始まりに || エキストラ・セル・セパレータを追加することで ||
|| 複数の列を |||| 拡張することができます。 ||
|||||| 多分、例を見ることが _
一番簡単な方法でしょう ||
ラインは二つずつのバーティカルバーで 始まりと終わりにある必要があります 何も書いてありません
セルは二つずつのバーティカルバーによって 分離されます 何も書いてありません
各セルの始まりに エキストラ・セル・セパレータを追加することで
複数の列を 拡張することができます。
多分、例を見ることが
一番簡単な方法でしょう

テーブルでもう一つのラインが必要でしたら、改行の直前に_(アンダースコア)を使ってください(上の例を参照してください)。

上級(カスタム)テーブル

もっと進歩したテーブルを作るには、外観を管理するclassstyle属性が許可される特殊なタグを使うことができます。上級テーブルを作るには次の構文を使ってください。

[[table]]
[[row]]
[[hcell style="border: 1px solid silver; background-color: yellow;"]]
ヘッダ・セル0.0
[[/hcell]]
[[hcell style="border: 1px solid silver"]]
ヘッダ・セル0.1
[[/hcell]]
[[hcell style="border: 1px solid silver" ]]
ヘッダ・セル0.2
[[/hcell]]
[[/row]]
[[row]]
[[cell style="border: 1px solid silver" colspan="2"]]
セル1.0
[[/cell]]
[[cell style="border: 1px solid silver; background-color: yellow;"]]
セル1.2
[[/cell]]
[[/row]]
[[row]]
[[cell style="border: 1px solid silver" rowspan="2"]]
セル2.0
[[/cell]]
[[cell style="border: 1px solid silver"]]
セル2.1
[[/cell]]
[[cell style="border: 1px solid silver"]]
cell2.2
[[/cell]]
[[/row]]
[[row]]
[[cell style="border: 1px solid silver"]]
セル3.1
[[/cell]]
[[cell style="border: 1px solid silver"]]
セル3.2
[[/cell]]
[[/row]]
[[/table]]

次のように変換されます。

ヘッダ・セル0.0 ヘッダ・セル0.1 ヘッダ・セル0.2
セル1.0 セル1.2
セル2.0 セル2.1 cell2.2
セル3.1 セル3.2

[[table]][[row]][[cell]][[hcell]]などの各エレメントはstyleclassが許可されており、それぞれ<table><tr><td><th>の(X)HTMLタグに変換されます。セルはcolspanrowspanの変数も許可されています。

上の例で各セルの間の間隔を消すには、始まりのラインを[[table style="border-collapse:collapse;"]]に変えてください。

ページレイアウト用でテーブルを使った例はSnippets Wikiにあります。 http://snippets.wikidot.com/code:layout-with-tables .

テーブルは入れ子にすることもできます。

特に指定がない限り、このサイトのコンテンツには次のライセンスが適用されます: Creative Commons Attribution-ShareAlike 3.0 License