WEBサイトへExcelのような表を掲載する際に、複雑な表になった場合でもセルの結合のような複雑な調整が可能です。
列の結合
最初の<tr>内の<th>へcolspanを追加するだけで列のセル結合が可能です。
<table>
<tr>
<th colspan="3">1列目の見出しセル</th>
</tr>
<tr>
<td>セル</td>
<td>セル</td>
<td>セル</td>
</tr>
<tr>
<td>セル</td>
<td>セル</td>
<td>セル</td>
</tr>
</table>
▼以下のように出力されます。
1列目の見出しセル | ||
---|---|---|
セル | セル | セル |
行の結合
行のセル結合は同様の方法でrowspan属性を利用し、結合することができます。