我正在尝试隐藏列和该列的相应行数据。当我单击特定的表标题时。
但是我只剩下隐藏其他表头。我什至不必单击特定的表头即可让其他人消失。
这就是我目前所拥有的。
<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,上面有一个示例,我相信它将完成您需要做的事情:
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句