Question

我正在尝试在Y轴上执行一个固定标题仅的表格（就像在Excel中一样）。问题是它需要在X轴上滚动。我发现another answer here但它对我不起作用。以下是我的测试JSBIN

我试过

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

制作测试用例。

position: absolute;

和

position: static;

使标题保持静态。也尝试了另一个问题的答案，对我没有积极的结果。

这是不与其他问题的重复，因为问题略有不同。

我可以使用 CSS ， Javascript 或来解决此问题。

Answer 1

将thead的位置设为绝对，并在其中修复tr：https://jsfiddle.net/yak613/x5stpv9y/

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;

}

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

1 个答案: