colgroup要素
colgroup要素は表の列のグループ分けを行うための要素です。
table要素の子要素として利用でき、caption要素より後ろで、thead要素やtbody要素、tfoot要素、tr要素の前に利用できます。
子要素にはcol要素のみを含むことができ、col要素に指定されたspan属性の値の数で列のグルーピングを行います。
次のサンプルでは1列目と2,3列目をそれぞれグルーピングを行っています。
<table>
<colgroup>
<col span="1">
<col span="2">
</colgroup>
<tr>
<th>見出し1</th>
<td>本文1-1</td>
<td>本文1-2</td>
</tr>
<tr>
<th>見出し2</th>
<td>本文2-1</td>
<td>本文2-2</td>
</tr>
</table>colgroup要素にcol要素を含まれない場合は、colgroup要素に対してspan属性を指定してグループ分けを行うことができます。
<table>
<colgroup span="1"></colgroup>
<colgroup span="2"></colgroup>
<tr>
<th>見出し1</th>
<td>本文1-1</td>
<td>本文1-2</td>
</tr>
<tr>
<th>見出し2</th>
<td>本文2-1</td>
<td>本文2-2</td>
</tr>
</table>参考URL
4.9.3 The colgroup element - HTML5 - W3C
登録日 : 2014年04月04日 最終更新日 : 2014年6月29日