具有固定标题的div表

Question

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

伪表运行良好，直到我开始实现固定标头为止：

小提琴

但是，当我设置position: fixed页眉的大小或主体会更改。

Answer 1

您可以尝试使用position：sticky ，但这对浏览器的支持不是很好 。 或者，您可以在页眉上添加一个底边距，它恰好是其包含的单元格的高度。

Answer 2

尝试：

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