HTML -tabel Colspan & Rowspan
HTML-tabellen kunnen cellen hebben die zich over meerdere rijen en/of kolommen uitstrekken.
| NAAM | ||
|---|---|---|
| APRIL | ||
|---|---|---|
| 2022 | ||
|---|---|---|
| FIESTA | ||
HTML-tabel - Colspan
Gebruik het colspanattribuut om een cel over meerdere kolommen te laten lopen:
Voorbeeld
<table>
<tr>
<th colspan="2">Name</th>
<th>Age</th>
</tr>
<tr>
<td>Jill</td>
<td>Smith</td>
<td>43</td>
</tr>
<tr>
<td>Eve</td>
<td>Jackson</td>
<td>57</td>
</tr>
</table>
Opmerking: De waarde van het colspanattribuut staat voor het aantal kolommen dat moet worden overspannen.
HTML-tabel - Rijspan
Gebruik het rowspanattribuut om een cel over meerdere rijen te laten lopen:
Voorbeeld
<table>
<tr>
<th>Name</th>
<td>Jill</td>
</tr>
<tr>
<th rowspan="2">Phone</th>
<td>555-1234</td>
</tr>
<tr>
<td>555-8745</td>
</tr>
</table>
Opmerking: De waarde van het rowspanattribuut staat voor het aantal rijen dat moet worden overspannen.