Javascript 仅在Y中具有固定标题的HTML表（可在X中滚动）

我试图创建一个Y轴上只有固定标题的表（就像Excel中一样）。问题是它需要在X轴上滚动。我找到了，但对我不起作用。这是我的测试

我试过了

style="width: 400px; height: 200px; overflow: scroll;"

制作一个测试用例。和

position: absolute;

及

使标题为静态。我也试着回答另一个问题，但没有任何积极的结果

这是另一个问题的重复，因为问题略有不同

---

我可以使用CSS、Javascript或任何东西来解决这个问题

将

thead

s位置设置为绝对，并将

tr

固定在其内部：

position: static;

table {
  position: relative;
  padding-top: 20px;
}
table thead {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  background: #fff;
}
table thead tr {
  position: fixed;
  background: #fff;

}