【问题标题】:How to make an HTML table that has rows that drop down under category rows?如何制作一个 HTML 表格,其中包含在类别行下下拉的行?
【发布时间】:2015-03-21 07:04:24
【问题描述】:

您好,我正在尝试制作一个看起来像图片中的 html 表格。

这两列只是左边的用户和右边的分数。这很简单。我不知道怎么做的是左右表之间的过渡。在表中,所有用户都属于一个团队类别。团队的分数将是用户的平均分数。当表格第一次加载时,我希望所有团队都像在右表中一样折叠,但我希望用户能够单击团队名称并让它像左侧的表一样展开和下拉.有人可以显示如何执行此操作的示例代码吗?我已经查看了所有内容,现在唯一的解决方案是制作表格并为每个团队提供单独的列表。但是,此解决方案无法完全发挥作用,因为用户的分数不会出现在表格的分数列中。那么请有人提供一些示例代码吗?

非常感谢!

【问题讨论】:

    标签: html html-table


    【解决方案1】:

    与其将其视为一张桌子,不如将其视为具有多个子容器的容器,并且可以打开和关闭子容器。它可以被设计成任何人喜欢的样式,甚至看起来像一张具有交替背景颜色行的表格。如果子容器有时有奇数或偶数的条目,您可能需要一些 js 来重新应用交替的背景颜色。

    有几个插件可用于帮助创建手风琴。喜欢这个:http://jqueryui.com/accordion/

    【讨论】:

    • 最终使用手风琴,但不是基于查询的
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 2022-10-25
    • 2019-04-14
    • 2019-06-20
    • 2012-07-21
    • 1970-01-01
    • 2014-04-05
    • 1970-01-01
    相关资源
    最近更新 更多