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

【问题标题】：HTML Table with with w3css accordion button带有 w3css 手风琴按钮的 HTML 表格
【发布时间】：2016-12-29 12:59:25
【问题描述】：

我正在尝试使用 w3css 手风琴按钮创建一个 html 表格，我目前所拥有的...

codepen.io/thehellwithjfiddler/pen/bZyWZN

当我单击标题（任何标题）时，此类标题的背景不适用于整行（单击后行更改宽度以显示数据，但标题没有..） .

请帮忙

【问题讨论】：

我不确定我是否理解你在说什么.. 但你的 td 有一个 max-width: 设置为 120px，所以它们不会扩展。
整行是什么意思？你想要你的手风琴体颜色和你的标题颜色一样吗？
嗨 Nalin，我希望标题颜色在单击后展开表格行时“抓取”整个标题行（相同的行标题在）。我有一张图片，以防您在 codepen 中打开代码时遇到问题。 i.imgur.com/AZUWoXM.jpg

【解决方案1】：

根据您的最后评论，如果您正在寻找手风琴容器或主体中的卷轴，请尝试此

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

【讨论】：

Ty Nalin 为您解答。我想指出，我正在尝试（遗憾地）构建一个 html 表，它是：a）可水平滚动。 b) 有一个显示或隐藏后续行的切换标题。 c) 看起来干净整洁。我尝试了您的解决方案，但看看滚动时标题会发生什么。谢谢。
大声笑，不，我真的想要它，但没有头痛
希望这对现在有帮助！！@user2570938
您先生是神，这 100% 正是我想要的。非常感谢。
哇！！呜！！如果有帮助，请将此标记为答案！ @user2570938