【问题标题】:Set tfoot position设置 tfoot 位置
【发布时间】:2018-10-25 06:29:58
【问题描述】:

是否可以设置表格的 tfoot 部分的样式,使其显示在 thead 和 tbody 之间?

我想要一个如下所示的表格:

【问题讨论】:

  • 那不会完全成为表格页脚吧?
  • 我同意,这完全是愚蠢的,但这似乎是我想要改变我使用 datatables.net 的最简单的方法。
  • 我最终在不使用 tfoot 的情况下解决了我的问题。感谢您的帮助。

标签: jquery css html-table


【解决方案1】:

根据我的评论,您可能不希望将表格页脚显示为表格页脚以外的任何内容。

但假设你有正确排序的标记,这应该可以在任何支持它的浏览器中工作:

thead, tfoot {
    display: table-header-group;
}

jsFiddle preview

【讨论】:

  • 但是中间没有出现TFoot?
  • @Jawad:如果不是,浏览器不支持。我正在尝试研究为什么我无法让演示在任何版本的 IE 上运行,即使消息来源说它至少在 theadtfoot 上支持 table-header-group...
【解决方案2】:

试试这个

Fiddle

【讨论】:

  • 这完全破坏了表格的布局,单元格不再与同一列中的其他单元格共享宽度等。
猜你喜欢
  • 2010-12-02
  • 2021-12-17
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2013-12-02
  • 1970-01-01
  • 2020-09-03
相关资源
最近更新 更多