我有自動填充的 gridview (asp.NET),我使用 CSS 將其格式化為表格。我需要為前六行設定 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;
}
uj5u.com熱心網友回復:
要隱藏前 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>
轉載請註明出處,本文鏈接:https://www.uj5u.com/qukuanlian/448385.html
