Une ligne de tableau sera affiché que si toutes ses cellules sont vides?

J'ai une table vide en ligne juste pour la séparation entre les lignes.

<tr>
  <td colspan="5"></td>
</tr>

Elle est rendue dans IE, FF, Opera et Safari. La question est de savoir si je devrais mettre un peu de contenu à l'intérieur de l'il ou elle est d'accord pour le laisser tel qu'il est?

Comme:

<tr>
  <td colspan="5">&nbsp;</td>
</tr>
  • À l'aide d'une ligne vide pour l'espacement des sauts de votre structure de données. Vous feriez probablement mieux envelopper les différents blocs de données dans thead ou tbody éléments de style et à réaliser l'espacement.
InformationsquelleAutor User | 2009-05-28
  1. 11

    Ainsi vous pouvez mettre un &nbsp; que le contenu de la colonne pour s'assurer que les lignes sont affichées. La meilleure façon est d'utiliser des CSS pour l'espacement si.

    • +1, vous devriez vraiment utiliser le CSS pour ce
    • CSS ne fonctionne pas. Je tiens également à remplir les cellules avec la couleur d'arrière-plan, tout en ayant des séparateurs de rester blanc. Si je devais mettre un rembourrage sur les cellules, le collier de domaine devraient également être rempli. Je n'en veux pas.
    InformationsquelleAutor Lennart Koopmann
  2. 6

    Du point de vue sémantique, la ligne vide servir un but, ou est-ce purement pour la mise en page? Dans ce dernier cas, il peut être utile d'envisager l'abandon de la ligne vide, et de fournir la séparation via CSS. E. g.

    <tr class="separate-below">
    <td>Data before separater</td><td>More Data</td>...
</tr>
<tr>
    <td>Data after separater</td><td>More Data</td>...
</tr>

    Avec les opérations suivantes dans la feuille de style:

    TR.separate-below TD,TR.separate-below TH {
    border-bottom: 1em solid white; /* use the background colour of a cell here */
}

    Alternativement, vous pouvez utiliser plusieurs <tbody> éléments de groupe de blocs de lignes à l'ensemble (ajout de règles="groupes" pour l'élément de la table causes <tbody> éléments pour obtenir une bordure horizontale en haut et en bas, et <colgroup> élément d'acquérir une bordure à gauche et à droite):

    <table rules="groups">
<thead>
    <tr><th>Header</th><th>Header</th>...</tr>
</thead>
<tbody>
    <tr><td>Data</td><td>Data</td>...</tr>
    <tr><td>Data</td><td>Data</td>...</tr>
    ...
</tbody>
<tbody>
    <tr><td>Data</td><td>Data</td>...</tr>
    ...
</tbody>
...
</table>
    InformationsquelleAutor Jason Musgrove
  3. 3

    Comme vous pouvez le voir dans cet exemple de W3Schools à l'aide de la &nbsp; est le meilleur moyen de faire ce que vous voulez.

    • 1. w3fools, 2. lien de la pourriture. En dehors de cela, je ne suis pas contre &nbsp;-ing cellules d'un tableau.
    InformationsquelleAutor João Guilherme
  4. 1

    si vous voulez mettre le contenu à l'intérieur, je voudrais utiliser une non-rupture de l'espace: &nbsp;, plutôt normal qu'un vide

    InformationsquelleAutor knittl
  5. 1

    C'est une très vieille question, mais si quelqu'un a encore besoin d'une solution (problème existe avec display: table-cell ou table-row elements)

    voici la solution:

    .emptyElement:after{
  content: "
    .emptyElement:after{
content: "\00a0";
}
    a0"    ;
}
    InformationsquelleAutor Dariusz Sikorski
  6. 1

    Je voulais ajouter ma solution qui est une modification de @Dariusz Sikorski solution.

    td:empty:after, th:empty:after {
  content: "
    td:empty:after, th:empty:after {
content: "\00a0";
}
    a0"    ;
}
    InformationsquelleAutor Jason Foglia
  7. 0

    Vous avez déjà essayé cela, mais si vous essayez d'ajouter de l'espace entre les lignes avez-vous essayé d'ajouter du rembourrage.

    CELLSPACING=Longueur (espacement entre les cellules)

    CELLPADDING=Longueur (espacement à l'intérieur des cellules)

    Karl

    InformationsquelleAutor Karl
  8. 0

    Pour s'assurer que les cellules vides sont affichées le code CSS suivant peut être utilisé:

    table { empty-cells:show; }
    • Cela ne fonctionne pas si toutes les cellules d'une rangée sont vides.
    InformationsquelleAutor Jon Winstanley
  9. 0

    Vous pouvez utiliser plusieurs tbody balises de groupe de lignes de la table. C'est tout à fait valable et plus sémantiques.

    InformationsquelleAutor Paul Kozlovitch