縦方向のセルの結合|tableのセルの連結方法
tableを生成した時、構造上セルを結合したい時があります。ここではrowspan属性の縦方向のセルの結合を解説します。
1 2 3 4 5 6 7 8 9 10 11 12 13 14 |
<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属性を使います。値には結合したいセルの数を記述します。
○ | ○ | ○ |
○ | ||
○ | ○ |