如何防止表体滚动条偏移标题列？

Question

可能最好用图片解释：

滚动条出现之前（一切正常）：

滚动条出现后（标题偏移）

小提琴：https://jsfiddle.net/r2pmtL4g/

code

Answer 1

解决这个问题的一种方法是简单地将tbody的宽度设置为＆gt; 100％使tbody有额外的宽度来创建滚动条。像这样：

.outerTable tbody {
  height: calc(100vh - 150px);
  overflow-y: auto;
  overflow-x: hidden;
  width:102%;
}

Here is a fiddle.

Answer 2

这对我有用。我只需要支持Chrome就可以了：

overflow-y: overlay;

https://jsfiddle.net/r2pmtL4g/8/