Insertion d'une ligne de tableau vide avec une hauteur inférieure

Question

J'ai un tableau composé d'une ligne d'en-tête et de quelques lignes de données. Ce que je veux faire, c'est créer une ligne vide entre l'en-tête et les lignes de données, mais je veux que cette ligne vide soit plus petite que les autres lignes (afin qu'il n'y ait pas un si grand écart).

Comment puis-je accomplir cela?

Mon code de balisage HTML pour le tableau est le suivant :

 <table class="action_table">
    <tbody>
        <tr class="header_row">
            <td>Header Item</td>
            <td>Header Item 2</td>
            <td>Header Item 3</td>
        </tr>            
        <tr class="blank_row">
            <td bgcolor="#FFFFFF" colspan="3">&nbsp;</td>
        </tr>
        <tr class="data_row">
            <td>Data Item</td>
            <td>Data Item 2</td>
            <td>Data Item 3</td>
        </tr>
    </tbody>
</table>

Answer 1

Essaye ça:

 <td bgcolor="#FFFFFF" style="line-height:10px;" colspan=3>&nbsp;</td>

Answer 2

Vous n'avez pas besoin d'une ligne de table supplémentaire pour créer de l'espace à l'intérieur d'une table. Voir ce jsFiddle . (J'ai fait l'espace de couleur gris clair, donc vous pouvez le voir, mais vous pouvez le changer en transparent.)

L'utilisation d'une ligne de table uniquement à des fins d'affichage est un abus de table !

Answer 3

Je sais que cette question a déjà une réponse, mais j'ai trouvé un moyen encore plus simple de le faire.

Il suffit d'ajouter

 <tr height = 20px></tr>

Dans la table où vous voulez avoir une ligne vide. Cela fonctionne bien dans mon programme et c'est probablement la solution la plus rapide possible.

Answer 4

Celui-ci fonctionne pour moi :

 <tr style="height: 15px;"/>