如何隐藏/显示表格中的列?

瓦戈尔

我正在尝试隐藏列和该列的相应行数据。当我单击特定的表标题时。

但是我只剩下隐藏其他表头。我什至不必单击特定的表头即可让其他人消失。

这就是我目前所拥有的。

<th data-toggle="collapse" data-target="#demo">totalFillingstops</th>
<th id="demo" class="collapse">fd1</th>
<th id="demo" class="collapse">channel 2</th>
<th id="demo" class="collapse">channel 3</th>
<th id="demo" class="collapse">fd1NoWinding</th>

因此,当我单击totalFillingStops标头时,我要折叠/显示以下列fd1,通道2,...,依此类推

这是我的jsfiddle我是前端编程的新手。

查理

不幸的是,表格不能那样工作。隐藏<th>不会将相应的<td>项目隐藏在tbody中。

此外,在HTML中多次使用ID也是无效的。

这是一个jsfiddle,上面有一个示例,我相信它将完成您需要做的事情:

https://jsfiddle.net/rjutvsdz/1/

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

Javascript中的表格-隐藏/显示列

来自分类Dev

如何隐藏 HTML 表格中的列

来自分类Dev

隐藏和显示行阈值上方的表格列中的项目

来自分类Dev

显示/隐藏表格中的元素

来自分类Dev

在表格中显示隐藏行

来自分类Dev

如何根据筛选条件隐藏或显示表格中的项目

来自分类Dev

如何在angular.dart中显示或隐藏表格行

来自分类Dev

如何在Javascript或JQuery中隐藏/显示表格的边框

来自分类Dev

如何在C#中隐藏和显示表格?

来自分类Dev

如何在angular.dart中显示或隐藏表格行

来自分类Dev

如何隐藏/显示ListView控件中的列?

来自分类Dev

如何在ASP MVC中隐藏表格列

来自分类Dev

如何在Crystal报表中隐藏表格列

来自分类Dev

如何根据所选月份的天数隐藏表格中的列?

来自分类Dev

如何在加载时显示隐藏表格

来自分类Dev

如何使用javascript显示隐藏的表格行?

来自分类Dev

隐藏和显示表格中的行

来自分类Dev

表格列基于宽度计算的显示和隐藏在Safari IOS设备中不起作用

来自分类Dev

如何隐藏移动视图的表格列

来自分类Dev

如何突出显示表格列?

来自分类Dev

如何突出显示表格列?

来自分类Dev

如何单击按钮并在表格中显示列?

来自分类Dev

如何在表格中以列而不是行显示数据?

来自分类Dev

如何计算表格中的多列并使用php显示它们

来自分类Dev

如何在 2 列中显示多个 html 表格

来自分类Dev

如何在四列/网格中显示 HTML 表格

来自分类Dev

用于在表格中隐藏多列的CSS

来自分类Dev

用于在表格中隐藏多个列的CSS

来自分类Dev

隐藏表格中的列及其内容