HTML Colspan & Rowspan de Table

Les tables HTML peuvent avoir des cellules qui s'étendent sur plusieurs lignes et/ou colonnes.

NOM
AVRIL
2022
FIESTA

Table HTML - Colspan

Pour faire en sorte qu'une cellule s'étende sur plusieurs colonnes, utilisez l'attribut colspan :

Exemple

<table>
<tr>
<th colspan="2">Nom</th>
<th>Âge</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>
Essayez-le vous-même »

Remarque : La valeur de l'attribut colspan représente le nombre de colonnes à couvrir.

Table HTML - Rowspan

Pour faire en sorte qu'une cellule s'étende sur plusieurs lignes, utilisez l'attribut rowspan :

Exemple

<table>
<tr>
<th>Nom</th>
<td>Jill</td>
</tr>
<tr>
<th rowspan="2">Téléphone</th>
<td>555-1234</td>
</tr>
<tr>
<td>555-8745</td>
</tr>
</table>
Essayez-le vous-même »

Remarque : La valeur de l'attribut rowspan représente le nombre de lignes à couvrir.