2014-06-30 54 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; 
}