HTML5 - Comment puis-je spécifier une largeur fixe pour une cellule particulière ?

Question

En HTML5, comment puis-je spécifier une largeur fixe pour une cellule de tableau ? La plupart des <col> qui étaient disponibles en HTML4 ne sont plus valables en HTML5.

Pour être clair, je sais que je peux faire <td style="width:150px"> mais cela ne permet pas de maintenir la largeur de la colonne fixe. Quel que soit le contenu de la cellule, je veux que la largeur soit fixée à 150px.

Answer 1

Vous pouvez utiliser width sur col . En fonction de ce que vous faites, il peut également être utile d'utiliser un enfant de largeur fixe de l'élément <td> pour renforcer sa largeur, car cela ne fonctionne pas en définissant la largeur de l'élément <td> seul en raison de son table-cell type d'affichage.

http://jsfiddle.net/ywSvr/

Answer 2

Utilisation colgroup

<table>
  <colgroup>
     <col span="1" style="width: 15%;">
     <col span="1" style="width: 70%;">
     <col span="1" style="width: 15%;">
  </colgroup>
  <thead></thead>
  <tbody></tbody>
</table>

Answer 3

Utiliser le autres en ajoutant table-layout: fixed :

• Comment fixer la largeur d'une colonne de tableau à un niveau constant, indépendamment de la quantité de texte contenue dans ses cellules ?
• réponse précédente avec démo (c'était pour div affiché en tant que tableau, mais c'est la même chose que table affiché par défaut)