如何使 HTML table 的行在类别行下下拉？
How to make an HTML table that has rows that drop down under category rows?
你好，我正在尝试制作一个看起来像图片中的 html table。
这两列只是左边的用户和右边的分数。这很简单。不知道怎么办的是左右转table。在 table 中，所有用户都属于团队类别。团队的分数将是用户的平均分数。当 table 首次加载时，我希望所有团队都折叠起来，就像它们在右侧 table 中的显示方式一样，但我希望用户能够单击团队名称并将其展开并像左边的 table 一样往下拉。有人可以显示有关如何执行此操作的示例代码吗？我已经查看了所有内容，现在我唯一的解决方案是制作 table 并为每个团队提供单独的列表。但是，此解决方案并不完全有效，因为用户的分数不会出现在 table 的分数列中。那么有人可以提供一些示例代码吗？
非常感谢！
与其将其视为一个table，不如将其视为具有多个子容器的容器，并且可以打开和关闭子容器。它的样式可以随心所欲，甚至看起来像 table 具有交替的背景颜色行。如果子容器有时有奇数或偶数的条目，您可能需要一些 js 来重新应用交替背景颜色。
有几个插件可以帮助创建手风琴。就像这个：http://jqueryui.com/accordion/
你好，我正在尝试制作一个看起来像图片中的 html table。
这两列只是左边的用户和右边的分数。这很简单。不知道怎么办的是左右转table。在 table 中，所有用户都属于团队类别。团队的分数将是用户的平均分数。当 table 首次加载时，我希望所有团队都折叠起来，就像它们在右侧 table 中的显示方式一样，但我希望用户能够单击团队名称并将其展开并像左边的 table 一样往下拉。有人可以显示有关如何执行此操作的示例代码吗？我已经查看了所有内容，现在我唯一的解决方案是制作 table 并为每个团队提供单独的列表。但是，此解决方案并不完全有效，因为用户的分数不会出现在 table 的分数列中。那么有人可以提供一些示例代码吗？
非常感谢！
与其将其视为一个table，不如将其视为具有多个子容器的容器，并且可以打开和关闭子容器。它的样式可以随心所欲，甚至看起来像 table 具有交替的背景颜色行。如果子容器有时有奇数或偶数的条目，您可能需要一些 js 来重新应用交替背景颜色。
有几个插件可以帮助创建手风琴。就像这个：http://jqueryui.com/accordion/