Désactiver la modification de la largeur de la table html

Je suis en train de créer une "largeur fixe" de la table, mais il en quelque sorte des modifications de la largeur de la colonne à chaque fois que les données de la colonne est plus grand que le reste d'entre eux.

Par exemple, le tableau suivant modifie la largeur sur le dernier numéro, qui est de 10.

<table>
    <tr>
        <td rowspan="3">1</td>
        <td>2</td>
        <td>3</td>
        <td>4</td>
    </tr>
    <tr>
        <td>5</td>
        <td rowspan="2" colspan="2">7</td>
    </tr>
    <tr>
        <td>6</td>
    </tr>
    <tr>
        <td>8</td>
        <td colspan="2">9</td> 
        <td>10</td>
    </tr>
</table>

Voici mon CSS:

table {
    border: 1px solid;
    width: 400px;
    height: 300px;
}

OriginalL'auteur Dawid Zbiński | 2014-01-09

  1. 8

    Il y a 2 algorithmes pour les tableaux en CSS, déclenchée par la propriété table-layout:

    • table-layout:fixed d'adapter la largeur des cellules de ce que l'auteur (vous) voulez, autant que possible
    • table-layout:auto (valeur par défaut) permettra d'adapter la largeur des cellules de leur contenu.

    CSS

      table {
    table-layout: fixed;
    width: 400px;
    height: 300px;
    border: 1px solid;
  }

    Ici un violon: http://jsfiddle.net/tk4J8/

    Merci, c'est ce que je cherchais 😉

    OriginalL'auteur FelipeAls

  2. 1

    Ne pas utiliser column-width pour spécifier la largeur des colonnes de la table - c'est un suggéré la directive optimale pour les navigateurs qui n'est pas vraiment destiné aux mises en page à largeur fixe. Utilisation colgroups à la place.

    Supprimer la column-width style dans votre feuille de style, et les ajouter à votre table balise avant tout tr ou td tags: 

    <colgroup>
    <col span="1"></col>
    <col span="1"></col>
    <col span="1"></col>
    <col span="1"></col>
</colgroup>

    Et les ajouter à votre feuille de style: 

    colgroup col {
    width: 100px;
}

    jsFiddle.

    Voici la Mozilla documentation.

    OriginalL'auteur Phire