HTML Tailles de Table
Les tables HTML peuvent avoir des tailles différentes pour chaque colonne, chaque ligne ou pour l'ensemble de la table.
Utilisez l'attribut style avec les propriétés width ou height pour spécifier la taille d'une table, d'une ligne ou d'une colonne.
Largeur de Table HTML
Pour définir la largeur d'une table, ajoutez l'attribut style à l'élément <table> :
Exemple
Définissez la largeur de la table à 100 % :
<table style="width:100%">
<tr>
<th>Prénom</th>
<th>Nom</th>
<th>Âge</th>
</tr>
<tr>
<td>Jill</td>
<td>Smith</td>
<td>50</td>
</tr>
<tr>
<td>Eve</td>
<td>Jackson</td>
<td>94</td>
</tr>
</table> Remarque : Utiliser un pourcentage comme unité de taille pour une largeur signifie à quel point cet élément sera large par rapport à son élément parent, qui dans ce cas est l'élément <body> .
Largeur de Colonne de Table HTML
Pour définir la taille d'une colonne spécifique, ajoutez l'attribut style sur un élément <th> ou <td> :
Exemple
Définissez la largeur de la première colonne à 70 % :
<table style="width:100%">
<tr>
<th style="width:70%">Prénom</th>
<th>Nom</th>
<th>Âge</th>
</tr>
<tr>
<td>Jill</td>
<td>Smith</td>
<td>50</td>
</tr>
<tr>
<td>Eve</td>
<td>Jackson</td>
<td>94</td>
</tr>
</table> Hauteur de Ligne de Table HTML
Pour définir la hauteur d'une ligne spécifique, ajoutez l'attribut style sur un élément de ligne de table :
Exemple
Définissez la hauteur de la deuxième ligne à 200 pixels :
<table style="width:100%">
<tr>
<th>Prénom</th>
<th>Nom</th>
<th>Âge</th>
</tr>
<tr style="height:200px">
<td>Jill</td>
<td>Smith</td>
<td>50</td>
</tr>
<tr>
<td>Eve</td>
<td>Jackson</td>
<td>94</td>
</tr>
</table>