Le style d'un tableau de mise en page fixe & fixe la largeur des colonnes + colspan

J'ai de la mise en page suivante. 

<style>
   table { width: 200px; white-space: nowrap; table-layout: fixed; }
   .a { width:10px; overflow: hidden; text-overflow: ellipsis }
   .b { width:190px; overflow: hidden; text-overflow: ellipsis }
</style>

<table border="1" style="">
    <tr>         
        <td colspan="2">Some content header goes in here</td>
    </tr>
    <tr>
        <td class="a">This cells has more content</td>
        <td class="b">Less content here</td>
    </tr>
</table>

Je suis en train de définir une table fixe de mise en page et ont une largeur fixe sur chaque colonne, cependant, depuis que j'ai colspan au-dessus de l'colonnes fixes, alors je ne suis pas en mesure de régler la largeur. Comment puis-je y parvenir?

OriginalL'auteur Kayla | 2012-05-23

  1. 17

    Vous pouvez ajouter un couple de col les balises après l'ouverture <table> et la balise de définir la largeur sur ceux:

    <style>
   table { width: 200px; white-space: nowrap; table-layout: fixed; }
   .a { overflow: hidden; text-overflow: ellipsis }
   .b { overflow: hidden; text-overflow: ellipsis }
   .cola { width: 10px; }
   .colb { width: 190px; }
</style>

<table border="1" style="">
    <col class="cola" />
    <col class="colb" />
    <tr>         
        <td colspan="2">Some content header goes in here</td>
    </tr>
    <tr>
        <td class="a">This cells has more content</td>
        <td class="b">Less content here</td>
    </tr>
</table>
    que col devrait vraiment être fermé
    Dépend de votre DOCTYPE. Il est parfaitement valide HTML5, qui est ce que je vais faire ces jours-ci.
    hmm... pour une raison que je pense qu'ils devraient être auto-fermée en XHTML et éventuellement auto-fermée en HTML (c'est à dire de ne pas être fermé avec un </col>) - cependant stackoverflow.com/questions/3008593/... le supplie de différer. </tr> et </td> sont en option!
    De toute façon pour ce faire avec moins de balisage HTML? Je suis en train de mettre en œuvre ce à l'intérieur d'un site existant, de sorte qu'il serait problématique de revenir à travers des centaines de pages et insérer <col> tags
    <col> et <colgroup> sont toujours valables dans les deux HTML4 et HTML5, mais la plupart des attributs sur <col> (par exemple, <col align="">) ont été désapprouvées dans le HTML4 et obsolète en HTML5. La syntaxe ci-dessus est valable dans le HTML4 et HTML5. Voir SOCIÉTÉ, spec HTML5, HTML 4.01 spec.

    OriginalL'auteur Jonathan S.