总是在溢出表的屏幕上显示水平滚动条

时间:2020-01-10 19:56:27

标签: javascript html css

我有一些带有大量数据的表(它们应该是原始数据表),因此,它们具有水平和垂直滚动。

我使用带有overflow-x: auto;的div并在列上设置宽度来强制在表上水平滚动。

垂直滚动使用默认的浏览器滚动,但是我不喜欢将浏览器的滚动用于水平滚动,因为它会滚动那些不需要离开屏幕的内容,例如过滤器或分页。 / p>

问题是要使用div水平滚动,我必须滚动到页面底部。

赞这个 https://jsfiddle.net/Denuro/wsmofbvj/3/

有什么办法可以始终显示div的水平滚动条吗?

我知道我可以为桌子使用固定的高度,但是我认为这是次优的解决方案,因为我失去了页面上的过滤器和分页器的高度。

1 个答案:

答案 0 :(得分:0)

只需在div上设置height属性:

div {
  overflow-x: auto;
  height: 200px; // or whatever
}

示例:https://jsfiddle.net/20xdh7na/