Html表固定垂直滚动

Question

我有一个包含大量列和行的表，该表位于一个固定大小的div中，所以我有一个水平和垂直滚动。

垂直滚动仅在滚动最后一列后显示。

有没有办法让垂直滚动条固定，以便它始终显示，而不仅仅是当你滚动到最后？

希望问题很明确。

Answer 1

我告诉您使用属性overflow-y:auto而不是overflow-y:scroll。 要了解更多以及如何使用示例，请按照link

进行操作

Answer 2

在css中使用overflow-y:scroll。如果你不熟悉css，最简单的方法是这样做：

<table style="overflow-y:scroll">

对于水平滚动，请改用overflow-x。

请参阅 this link 了解所有可能的溢出值。

Answer 3

我遇到了同样的问题，我找到了解决方案。

将你的桌子保持在一个div内，并给该div下面的css

<div class="wrapper">
    <table class="table">
        <tr>
             <td></td>
             <td></td>
             <td></td>
        </tr>
    </table>
</div>

你的css将是

.wrapper{width: 100%; max-width: 700px; max-height: 400px; margin: 30px auto; overflow: auto; padding: 0 15px;}