HTML Tailles des tableaux
Les tableaux HTML peuvent avoir des tailles différentes pour chaque colonne, ligne ou pour l'ensemble du tableau.
Utilisez l'attribut style avec la width ou la height propriétés pour spécifier la taille d'un tableau, d'une ligne ou d'une colonne.
HTML Largeur du tableau
Pour définir la largeur d'un tableau, ajoutez l'attribut style à l'élément <table> :
Exemple
Définissez la largeur du tableau à 100 % :
<table style="width:100%">
<tr>
<th>Firstname</th>
<th>Lastname</th>
<th>Age</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>
Try it Yourself »
Remarque : L'utilisation d'un pourcentage comme unité de taille pour une largeur indique la largeur de cet élément par rapport à son élément parent, qui dans ce cas est le <body> élément.
HTML Largeur de colonne du tableau
Pour définir la taille d'une colonne spécifique, ajoutez l'attribut style sur un <th> ou une <td> Élément:
Exemple
Définissez la largeur de la première colonne sur 70 % :
<table style="width:100%">
<tr>
<th style="width:70%">Firstname</th>
<th>Lastname</th>
<th>Age</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>
Try it Yourself »
HTML Hauteur de la rangée du tableau
Pour définir la hauteur d'une ligne spécifique, ajoutez l'attribut style sur un élément de ligne de tableau :
Exemple
Définissez la hauteur de la deuxième ligne sur 200 pixels :
<table style="width:100%">
<tr>
<th>Firstname</th>
<th>Lastname</th>
<th>Age</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>
Try it Yourself »
