带有固定标题的div表

Question

我尝试在将标题设置为固定位置的同时仅使用div来实现表格，以便我们可以向上和向下滚动，标题始终可见。

在我开始实施固定标头之前，假表工作得很好：

FIDDLE

但是当我设置position: fixed标题的大小或正文发生变化时。

Answer 1

您可以尝试using position:sticky，但这有not very good browser support。或者，您可以在标题中添加一个margin-bottom，它正好是它所包含的单元格的高度。

Answer 2

尝试：

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