Is it possible for tfoot to appear above the body inside the same table?

Question

I am working on limiting the use of the jquery plugin and providing my table according to standards, i.e. thead, tfoot and tbody in that order. The browser then renders it correctly and causes tfoot to appear below the body as intended. Is there a way of hacking / direct movement to make tfoot appear and stick out over the body?

Answer 1

You can combine with the absolute positioning of the tfoot and tbody . I'm not sure how the cross browser works, and you need to know the position. But here is an example:

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

http://jsfiddle.net/YJhk2/

Answer 2

Something sounds wrong to me, but you can change the display tfoot type

 tfoot { display: table-row-group; } 

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