Tableau HTML Colspan & Rowspan
Les tableaux HTML peuvent avoir des cellules qui s'étendent sur plusieurs lignes et/ou colonnes.
| NOM | ||
|---|---|---|
| AVRIL | ||
|---|---|---|
| 2022 | ||
|---|---|---|
| FÊTE | ||
Tableau HTML - Colspan
Pour qu'une cellule s'étende sur plusieurs colonnes, utilisez l' colspanattribut :
Exemple
<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>
Remarque : La valeur de l' colspanattribut représente le nombre de colonnes à couvrir.
Tableau HTML - Étendue des lignes
Pour qu'une cellule s'étende sur plusieurs lignes, utilisez l' rowspanattribut :
Exemple
<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>
Remarque : La valeur de l' rowspanattribut représente le nombre de lignes à couvrir.