Question

我以网格形式显示<table>的结果。有一个ID列。无论如何，通过HTML或CSS，我可以隐藏第一列吗？

Answer 1

<colgroup>看起来很有希望，但实际上它不允许过多的CSS支持 - 许多CSS attrubutes根本不适用于colgroup：http://www.w3schools.com/tags/tag_colgroup.asp
另一个选项是高级CSS选择器，例如+或:nth-child，但较旧的浏览器不支持它们。
最好的办法是在该列中添加一个类，或者使用JavaScript。

Answer 2

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

Answer 3

添加“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>

Answer 4

你可以应用css规则：

display: none;

CSS display property

Answer 5

您可能不会首先将该列添加到HTML中。

有没有办法隐藏表中的列？

5 个答案: