1

I have one 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>

To hide second row of table i am using following css

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

But not working in all browser. Please help me. Thanks in advance.

1

5 Answers 5

7

Use the adjacency selector :

table tr:FIRST-CHILD + tr
{
    display:none;
}
1
5

:nth-child() simply doesn't work in all browsers (mainly IE), if you wish to hide the second row using CSS2, you could add a specific class:

<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;}
1
  • As of Sep 2018, the link in this answer shows a largely-red chart as the upper half of the search results. You might instead want to look into this link instead.
    – RayLuo
    Sep 15, 2018 at 19:42
2

The best way is to give it a class name.

<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>

and then

.hide_me { display: none; }
2

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

Use Jquery eq(1) means, 0=> first row, 1 =>second row, 2=> third row ...etc

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

Unfortunately, selectors like :nth-child() aren't supported by old browsers.

But you can always use a class, e.g. .invisible {display:none} and apply it to the <tr> you want to hide.

<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>

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge you have read our privacy policy.

Not the answer you're looking for? Browse other questions tagged or ask your own question.