使用 CSS 隐藏 gridview 中的某些列

Question

我有自动填充的 gridview (asp.NET)，我使用 CSS 将其格式化为 table。我需要为大约前六行设置 display:none。我可以用 javascript 做到这一点，但是有没有一种优雅的方法可以用 CSS 做到这一点？我试过了：

#myTable td:eq(0)

这给我一个错误，并且：

#myTable tr:nth-child(0)  {display:none}

这没有错误，但也不起作用。如果这些有效，我可以一一隐藏我的列，但我有大约七八列要隐藏。所以我想我有两个问题，第一，我可以隐藏一些列而不是其他列吗？第二，我可以隐藏一个范围吗？

更新，基于 Miak 的回答。这是完整的工作解决方案：

#gvLoadStatus th:nth-child(-n+9) { 
    display: none; 
}            
#gvLoadStatus td:nth-child(-n+9) { 
     display: none; 
}

Answer 1

要隐藏前 6 行，您可以使用：tr:nth-child(-n+6)

tr:nth-child(-n+6) {
  display: none;
}

<table>
  <tr>
    <td>1</td>
    <td>2</td> 
  </tr>
  <tr>
    <td>2</td>
    <td>2</td>   
  </tr>  
  <tr>
    <td>3</td>
    <td>2</td> 
  </tr>
  <tr>
    <td>4</td>
    <td>2</td>   
  </tr>  
  <tr>
    <td>5</td>
    <td>2</td> 
  </tr>
  <tr>
    <td>6</td>
    <td>2</td>   
  </tr>    
  <tr>
    <td>7</td>
    <td>2</td>   
  </tr>    
  <tr>
    <td>8</td>
    <td>2</td>   
  </tr>      
</table>

使用 CSS 隐藏 gridview 中的某些列

Use CSS to hide some columns in a gridview

css

html-table

displaytag