2014-06-30 94 views
3

我必須隱藏表格的一部分,這些單元格是th標記,並且在th裏面有Span標題。我一直在尋找,但我找不到任何提示。我想隱藏其中一個單元格,只是隱藏了整個表格中的一個單元格。它可能與CSS文件執行此操作?從th範圍標記中隱藏範圍標題

這是我的CSS是如何製造:

.GridHeaderStyle th{text-align:center;} 
.GridMainSytle td, .GridHeaderStyle th 
{  
border:thin solid #ffffff; 
*border:none; 

} 

正如你可以看到日和TD在一起,我真的不能只是指明該次。谷歌開發工具告訴我,第th標籤是

<th scope="col" widgth="10%"> 

<span title="column1"> 

我試過以下,但它隱藏我所有的細胞,而不是有問題的。

.GridHeaderStyle th[scope=col] 
{ 
display:none; 
} 

在此先感謝

+0

你能不能請你完整的HTML表格的例子,在元素你想隱藏評論闡述你的問題?我不確定是否要隱藏某個元素,或者如果您想要隱藏某個表的某些列。 –

+0

您可以創建新的類,如.hidden {display:none!important;}並將其添加到span? – Aleksandar

回答

0

沒有看到更多的標記,很難確切地知道,但它可能是基於該th[scope=col]選擇匹配所有你的頭單元的例子。看看使用nth-child CSS選擇器更具體,但請注意這是一個脆弱的解決方案。如果您的標記更改爲希望禁止的標題現在以不同的順序排列,則您的規則將隱藏錯誤的列。

如果您的使用案例允許,您可以隱藏span而不是列,因此可以更具體地定位元素。嘗試規則:

th span[title=column1] { 
    display:none; 
} 
+0

嗨,謝謝你的回答。我已經嘗試了代碼,但它不起作用 – user3790916

+0

正如先前的建議,發佈一個更完整的標記樣本。 – Palpatim

1

請嘗試以下CSS代碼:

.GridHeaderStyle th span { 
    display:none; 
}