有没有办法隐藏表格中的列？答案

【问题标题】：Is there any way to hide a column in a table?有没有办法隐藏表格中的列？
【发布时间】：2017-01-15 01:35:13
【问题描述】：

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

【问题讨论】：

【解决方案1】：

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

【讨论】：

【解决方案2】：

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

【讨论】：

【解决方案3】：

添加“显示：无；”将样式设置为与列对应的<col> 元素。如果您想稍后显示该列，请将 id 添加到 <col>。

<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>

【讨论】：

正如我在回答中几乎所说的那样，这不适用于跨浏览器。快速检查确认它不适用于 Firefox 和 Chrome：jsbin.com/avega

【解决方案4】：

你可以应用 css 规则：

display: none;

CSS display property

【讨论】：

【解决方案5】：

您一开始就不能将该列添加到 HTML 中。

【讨论】：