縦方向のセルの結合|tableのセルの連結方法

tableを生成した時、構造上セルを結合したい時があります。ここではrowspan属性の縦方向のセルの結合を解説します。

<table>
<tr>
<td>○</td>
<td rowspan="2">○</td>
<td rowspan="3">○</td>
</tr>
<tr>
<td>○</td>
</tr>
<tr>
<td>○</td>
<td>○</td>
</tr>
</table>

上記のように二列目の一番目、二番目のセルの結合と三列目の一番目、二番目、三番目のセルの結合にはtdタグのrowspan属性を使います。値には結合したいセルの数を記述します。

関連記事