如何隐藏HTML表中的列?

内容来源于 Stack Overflow,并遵循CC BY-SA 3.0许可协议进行翻译与使用

  • 回答 (2)
  • 关注 (0)
  • 查看 (121)

我在ASPX中创建了一个表格。我想根据需求隐藏其中一列,但没有像HTML表格构建那样的属性visible。如何解决我的问题?

提问于
用户回答回答于

需要使用样式表来达到这个目的。

<td style="display:none;">
用户回答回答于

可以使用nth-childCSS选择器来隐藏整列:

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

这是在假设列N的一个单元格(无论是a th还是td)始终是其行的第N个子元素的情况下工作的。

如果希望列号是动态的,可以使用querySelectorAll或者任何提供类似功能的框架,如下所示jQuery

$('#myTable tr > *:nth-child(2)').hide();

(jQuery解决方案也适用于不支持的传统浏览器nth-child)。

扫码关注云+社区

领取腾讯云代金券