代表者の戯言

Merge Rows and Columns!

Well, just like in Excel, if you want to merge rows or columns, please refer to the sample below. The key points are: use 【td rowspan="2"】 to span vertically and invade the row below, and 【td colspan="2"】 to span horizontally and invade adjacent columns.

【HTML】

<table>

<caption>Response Plan for 3rd-Year Classes</caption>

<tr>

<th scope="col">Class Name</th>

<th scope="col">Student Name</th>

<th scope="col">Response Policy</th>

</tr>

</thread>

<tbody>

<tr>

<th scope="row">Class A</th>

<td>Yamashita</td>

<td rowspan="2">Caution: walks around during class</td></tr>

<tr>

<th scope="row">Class B</th>

<td>Kondou</td>

</tr>

<tr>

<th scope="row">Class C</th>

<td>Hisamoto</td>

<td>Falls asleep in class.

<br>Call parents if sleeping.

</td>

</tr>

<tr>

<th scope="row">Class D</th>

<td>Nojima</td>

<td>Main instigator of bullying. Consult police.</td>

</tr>

<tr>

<th scope="row">Class E</th>

<td colspan="2">Group of girls ignore the teacher.</td>

</tr>

</tbody>

</table>