Comment masquer la deuxième rangée d'une table à l'aide de css?

J'ai une table 

<table>
<tr><td>test data 1</td></tr>
<tr><td>test data 2</td></tr>
<tr><td>test data 3</td></tr>
<tr><td>test data 4</td></tr>
<tr><td>test data 5</td></tr>
</table>

À masquer la deuxième ligne de la table, je suis en utilisant css suivant 

 table tr:nth-child(2) {display : none;}

Mais ne fonctionne pas dans tous les navigateurs.
S'il vous plaît aider moi.
Merci à l'avance.

InformationsquelleAutor user1369925 | 2012-08-03
  1. 5

    :nth-child() simplement ne fonctionne pas dans tous les navigateurs (principalement IE), si vous voulez cacher le deuxième ligne à l'aide de CSS2, vous pouvez ajouter une classe spécifique:

    <table>
<tr><td>test data 1</td></tr>
<tr class="row2"><td>test data 2</td></tr>
<tr><td>test data 3</td></tr>
<tr><td>test data 4</td></tr>
<tr><td>test data 5</td></tr>
</table>

 table tr.row2 {display : none;}
    • 2 secondes d'intervalle! +1.
    • De Sep 2018, le lien dans cette réponse montre qu'une grande partie rouge du graphique que pour la moitié supérieure des résultats de la recherche. Vous pouvez, au contraire, veulent regarder dans ce lien à la place.
    InformationsquelleAutor Curt
  2. 4

    Utiliser le sélecteur d'adjacence :

    table tr:FIRST-CHILD + tr
{
    display:none;
}
    InformationsquelleAutor Arminius
  3. 2

    La meilleure façon est de lui donner un nom de classe.

    <table>
<tr><td>test data 1</td></tr>
<tr class="hide_me"><td>test data 2</td></tr>
<tr><td>test data 3</td></tr>
<tr><td>test data 4</td></tr>
<tr><td>test data 5</td></tr>
</table>

    et puis

    .hide_me { display: none; }
    InformationsquelleAutor Madara Uchiha
  4. 2

    http://jsfiddle.net/p2b8H/1/

    Utiliser Jquery eq(1) signifie, 0=> première ligne, 1 =>deuxième rangée, 2=> troisième rangée ...etc

    $(document).ready(function (){
    $('table tr:eq(1)').remove();
})
    InformationsquelleAutor Sumesh TG
  5. 0

    Malheureusement, les sélecteurs comme :nth-child() ne sont pas pris en charge par les anciens navigateurs.

    Mais vous pouvez toujours utiliser une classe, par exemple .invisible {display:none} et de l'appliquer à la <tr> vous souhaitez masquer.

    <table>
<tr><td>test data 1</td></tr>
<tr class="invisible"><td>test data 2</td></tr>
<tr><td>test data 3</td></tr>
<tr><td>test data 4</td></tr>
<tr><td>test data 5</td></tr>
</table>
    InformationsquelleAutor Simone