如何让多个<tr>元素一次粘在一张桌子上

Question

我正在使用一个有很多非常长的表的工具。其中一些表在<thead>内有多行，我想一次将它们全部变成position: sticky。但是，我找不到解决方法。

我尝试将position: sticky添加到th，就像这样：

table thead th {
    position: sticky;
    top: 0;
}

我还尝试将position: sticky添加到整个剧院中，但似乎Chromium中有a bug阻止了此工作。

我正在尝试实现以下目标：

当用户滚动过去时，前两行都保持粘性。

有没有一种方法可以同时在Chrome和Firefox中使用？我不需要支持IE。

Answer 1

如果所有std::size_t元素的高度都相同，例如20px，那么您可以尝试类似

<tr>