在同一张表格中，是否有可能使tfoot出现在tbody上面？

Question

我在解决使用jquery插件并且按照标准渲染我的表格时遇到了限制，即先渲染thead、tfoot和tbody。然后浏览器会正确地渲染它，并使tfoot出现在tbody下面，这是应该做的。是否有一种hack/简单的方法使tfoot也出现在tbody上面并进行渲染？

- Siva Bathula

---

你尝试过使用 position:absolute;（然后将其移动到所需位置）吗？ - Spokey

Answer 1

我感觉有些不对劲，但你可以更改 tfoot 的 display 类型。

tfoot {
    display: table-row-group;
}

http://jsfiddle.net/ExplosionPIlls/UMZr4/

- Explosion Pills

Answer 2

您可以尝试对 tfoot 和 tbody 元素进行绝对定位。我不确定它在跨浏览器上的工作方式，您需要了解这些位置。但是这里有一个示例：

table {
    position: relative;
}
tfoot {
    position: absolute;
    top: 25px;
}

tbody {
    position: absolute;
    top: 50px;
}

http://jsfiddle.net/YJhk2/

- Brandon