带固定标题的div表

Question

我试图在使用div的同时将标题设置为固定位置来实现表，因此我们可以上下滚动并且标题始终可见。

假表是相当不错的了，直到我开始实施固定头：

FIDDLE

但是，当我设置position: fixed头部或身体的变化的大小。

Answer 1

尝试：

.table { 
    display: table; 
    width: 80%; 
    position: fixed; 
} 

Answer 2

你可以尝试using position:sticky，但这not very good browser support。或者，您可以向页眉添加一个页边空白，该空间恰好是其包含的单元格的高度。