0

我知道有很多关于隐藏列的帖子，但我会添加另一个问题。以下是 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 是不可能的。

4

2 回答 2

3

在 CSS 中尝试这样的事情：

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

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

我从这个问题的第二个答案中得到了这个：如何隐藏 HTML 表格中的列？

于 2013-07-22T16:09:07.177 回答
0

我会这样做。这将隐藏“第二标题”列或中间列。您也可以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>
于 2017-02-13T16:12:44.967 回答