是否有可能使tfoot出现在同一个表中的tbody之上?

时间:2013-06-20 12:22:53

标签: jquery html

我正在解决使用jquery插件和根据标准渲染我的表的限制,即按顺序的thead,tfoot和tbody。然后浏览器正确呈现它,并使tfoot出现在tbody下面。是否有一种黑客/直接的方式使tfoot出现并呈现在tbody之上?

2 个答案:

答案 0 :(得分:17)

我觉得有些不对劲,但您可以更改display

tfoot类型
tfoot {
    display: table-row-group;
}

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

答案 1 :(得分:2)

您可以使用tfoottbody元素的绝对定位。我不确定它是如何跨浏览器工作的,你需要知道这些位置。但这是一个例子:

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

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

http://jsfiddle.net/YJhk2/