有什么办法可以隐藏表格中的列吗？

我在网格中显示<table>的结果。有一个ID列。无论如何通过HTML或CSS，我可以隐藏第一列？有什么办法可以隐藏表格中的列吗？

2009-10-25 RKh

添加“display：none;”样式转换为对应于该列的<col>元素。如果您想稍后显示该列，请向<col>添加一个ID。

<table> 
    <col id="x" style="display:none" /> 
    <col /> 
    <col /> 
    <tr> 
     <td>1</td> 
     <td>2</td> 
     <td>3</td> 
    </tr> 
</table> 

<script> 
    function showColumn() { 
     document.getElementById("x").style.display = ""; 
    } 
</script>

来源

2009-10-25 13:36:21 Ray

正如我几乎在我的答案中所述，这不适用于跨浏览器。快速检查确认它不适用于Firefox和Chrome：http：//jsbin.com/avega – Kobi 2009-10-25 14:02:59

那么你可以应用CSS规则：

display: none;

CSS display property

来源

2009-10-25 13:26:24

tr > td:first-child { 
    display:none; 
}

来源

2009-10-25 13:26:40 Xinus

你可能只是没有那么列添加到HTML摆在首位。

来源

2009-10-25 13:27:44 ndim

<colgroup> lookes有前途的，但实际上它不允许太多的CSS支持 - 许多CSS attrubutes根本不适用COLGROUP：http://www.w3schools.com/tags/tag_colgroup.asp
另一种选择是先进的CSS选择器，像+或:nth-child，但他们AREN不受旧版浏览器支持。
最好的办法是向该列添加一个类，或使用JavaScript。

来源

2009-10-25 13:30:53 Kobi

有什么办法可以隐藏表格中的列吗？

回答

相关问题