带有w3css手风琴按钮的HTML表格

我正在尝试使用w3css手风琴按钮创建一个html表，到目前为止我已经做到了

codepen.io/thehellwithjfiddler/pen/bZyWZN

当我单击一个标题（任何标题）时，该标题的背景对整行都不起作用（单击后，行的宽度改变，以显示数据，但标题没有…）

---

请根据您最后的评论提供帮助，如果您正在手风琴的容器或主体中查找卷轴，请尝试以下内容

.w3-show-block, .w3-show {
    display: block!important;    
    overflow-x: scroll;
}

---

我不确定我是否理解你的意思。。但是您的td有一个最大宽度：设置为120px，这样它们就不会扩展。您所说的整行是什么意思？您希望手风琴的主体颜色与标题颜色相同吗？嗨，Nalin，我希望标题颜色在表行单击后展开时“抓取”整个标题行（相同的行标题）。我有一个图像，以防你在codepen中打开代码时遇到问题。谢谢你的回答。我想指出，我正在尝试（遗憾地）构建一个html表，它是：a）可水平滚动的。b） 具有显示或隐藏以下行的切换标题。c） 看起来整洁。我尝试了你的解决方案，但看看当你滚动时标题会发生什么。。谢谢。哈哈，不，我真的很想要它，但是没有头痛，希望这会很有帮助@用户2570938先生，你是上帝，这正是我想要的。非常感谢。呜呜！！呜呜！！如果有帮助，请将此标记为答案@用户2570938