Question

我知道有很多关于隐藏列的帖子，但我会添加另一个问题。下面是php生成的html代码片段：

<table id="dataGrid">
<col style="display:none">
<col style="display:table-column">
<col style="display:table-column">
<col style="display:table-column">
<col style="display:table-column">
<col style="display:table-column">
<col style="display:table-column">
<col style="display:table-column">
<thead><tr>
...

这根本不起作用。有没有一种有效的方法通过html / css隐藏列，而不使用无数的td？ w3.org暗示有，但我尝试过可见性，隐藏，折叠表格单元格等等 - 没有结果。

我不想为巨大的表中的每一个设置一个类，所以jquery是不可能的。

Answer 1

在CSS中尝试这样的事情：

#myTable tr *:nth-child(2), {
    display: none;
}

在这种情况下，2是要隐藏的列的索引。

我从这个问题的第二个答案得到了这个：How to hide columns in HTML table?

Answer 2

我会这样做。这将隐藏＆＃34;第二标题＆＃34;列或中间列。您也可以使用style="display:none"这样的变量替换style="<?php echo $nodisplay;?>"然后根据您的数据关闭或打开列。例如$ nodisplay可能等于display：none;取决于您是否要显示该列。

<table id="dataGrid">
<thead>
    <tr>
        <th>First Title</th>
        <th style="display:none">Second Title</th>
        <th>Third Title</th>
    </tr>
</thead>
<tbody>
    <tr>
        <th>First Body</th>
        <th style="display:none">Second Body</th>
        <th>Third Body</th>
    <tr>
</tbody>
<table>

通过代码隐藏表格列

2 个答案: