原生table 横向滚动条始终在可视范围内

可以使用CSS的`position: sticky`属性实现横向滚动条始终在可视范围内的效果。具体实现方式如下：

1. 在table外部包裹一个div，并设置div的宽度和高度，overflow-x属性为scroll。

<div style="width: 100%; height: 200px; overflow-x: scroll;">
  <table>
     <!-- table内容 -->
  </table>
</div>

2. 设置table的宽度，使其等于或大于div的宽度。

table {
  width: 100%;
  /* 其他样式 */
}

3. 设置table的第一行的位置为sticky，使其始终在可视范围内。

table tr:first-child {
  position: sticky;
  top: 0;
  /* 其他样式 */
}

这样就可以实现横向滚动条始终在可视范围内的效果了。