滚动附加到水平视口而不是表格

Question

我正在探索一种有效的方法来完成以下任务：

我的表格具有水平溢出滚动功能。我的目标是确保当用户选择查看超出垂直视口的多行时，滚动条保持在视口的底部。

有什么建议吗？

Answer 1

您可以通过添加一些 css 来更改表格中的水平滚动选项

overflow-x: scroll;

对于垂直方向，您可以手动设置父元素（例如div）的高度，然后将溢出设置为滚动。

height:200px;
overflow-x: scroll;

您可以在此链接找到有关溢出的更多信息： https://developer.mozilla.org/en-US/docs/Web/CSS/overflow