サイト内検索

...HTML・XHTMLタグ...

table

列をグループ化する

列をグループ化にするには、colgroup要素を指定します。
<table>と<tr>の間に指定します
caption要素を同時に指定する場合は、caption要素の後に指定します。
caption要素を指定したサンプルは、こちらをご覧ください。
「行のグループ化」を同時に指定する場合は、前に指定します。
thead要素・tfoot要素・tbody要素を指定したサンプルは、こちらをご覧ください。
[使い方]
<colgroup span="3"></colgroup>
属性 属性値 説明
span="" 「"2"」のようにグループ化する列の数を指定します。
spanの数値を指定しない場合は、「1」として扱われます。

サンプル

[bodyの中]

<table border="1" height="100">
<colgroup width="100" bgcolor="#ccff99">
</colgroup>
<colgroup span="2" width="80" bgcolor="#ffff8e">
</colgroup>
<tr>
<th>サンプル</th>
<td>No</td>
<td>No</td>
</tr>
<tr>
<th>サンプル</th>
<td>No</td>
<td>No</td>
</tr>
</table>

[ブラウザ上]

サンプル NoNo
サンプル NoNo

Copyright c 2007.10.01 luc All rights reserved.