web-dev-qa-db-fra.com

les cellules du tableau html se combinent

J'ai un tableau avec 3 lignes et 3 colonnes. Comment combiner les colonnes de la dernière ligne? Mon html:

<table>
  <tr><td></td><td></td><td></td></tr>
  <tr><td></td><td></td><td></td></tr>
  <tr><td>Here I need a cell by all width</td></tr>
</table>
htmlcsshtml-table
17
Alex Pliutau

Utilisez l'attribut colspan :

<tr><td colspan="3">Here I need a cell by all width</td></tr>

L'attribut colspan définit le nombre de colonnes qu'une cellule doit couvrir.

Il existe un attribut connexe rowspan qui obtient le même résultat pour les lignes.

44
Oded

Dans ce but précis, l'attribut colspan a été créé.

<table>
  <tr><td></td><td></td><td></td></tr>
  <tr><td></td><td></td><td></td></tr>
  <tr><td colspan="3">Here I need a cell by all width</td></tr>
</table>

De même, vous pouvez utiliser l'attribut rowspan si vous souhaitez étendre plusieurs lignes.

<table>
  <tr><td></td><td></td><td rowspan="3">Spans full table height</td></tr>
  <tr><td></td><td></td></tr>
  <tr><td></td><td></td></tr>
</table>

Pour en savoir plus sur ces deux attributs, visitez le site officiel documentation sur w3.org .

Je vous invite également à ne pas utiliser de tableaux, sauf si vous devez présenter des données tabulaires.

8
Alin Purcaru