【问题标题】:html5 - Table Footers in the middle of a table -- is it possible?html5 - 表格中间的表格页脚 - 有可能吗?
【发布时间】:2016-02-11 13:54:59
【问题描述】:

我在 html5/asp.net 2012 中工作并创建一个包含标准 thead、tbody 和 tfoot 标记的表。该表将包含多所学校,理想情况下,我希望在每所学校之后都有一个摘要页脚,如下所示:

标题行

学校详情

学校详情

页脚行

学校详情

学校详情

页脚行

我知道在以前的 html 版本中这是不可能的,但认为这是在 html5 中。但是,当我运行代码时,我会收到标准的“页眉/正文/页脚必须按正确顺序”消息。我可以采取什么技巧或解决方法来实现这一点?

【问题讨论】:

    标签: asp.net html datatable


    【解决方案1】:

    不幸的是 tfoot 必须在 tbody 之上。我知道有点烦人,但这是标准。

    但是,解决问题的一种方法是使用 100% 有效的多个 tbody。为了帮助区分这一点,您可以为每个 tbody 附加一个不同的类,以便您可以设置不同的样式。

    所以你可以这样做:


    tbody.normal

    tbody.footer

    tbody.normal

    tbody.footer

    tbody.normal


    希望这会有所帮助。

    【讨论】:

    • 感谢您的确认...我没想过将其分解为单独的课程...但是是的,我不明白为什么那行不通!感谢您的建议!
    【解决方案2】:

    不,tfoot 只能出现在表格中一次,并且必须在任何 tbodytr 元素之前,并且在任何 thead 元素之后(我已经掩盖了那里还有一些其他元素,请参阅链接了解详细信息)。

    要获得您所说的效果,您可能会使用多个 tbody 元素,尽管这在语义上当然是不正确的。

    或者,您可以使用多个表(嵌套或一个接一个)。

    【讨论】:

    • 我在发布此内容后考虑过嵌套表格,但我想我可以先尝试多个 tbody 元素...感谢您的确认和建议!
    猜你喜欢
    • 1970-01-01
    • 2013-04-03
    • 2016-05-07
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2020-09-15
    相关资源
    最近更新 更多