html表格固定垂直滚动

【问题标题】：Html table fixed vertical scrollhtml表格固定垂直滚动
【发布时间】：2012-07-04 21:44:29
【问题描述】：

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

只有在滚动最后一列后才会显示垂直滚动。

有什么方法可以固定垂直滚动条，使其始终显示，而不仅仅是在滚动到末尾时？

希望问题很清楚。

【问题讨论】：

标签： html scroll css-tables horizontal-scrolling vertical-scrolling

【解决方案1】：

我告诉你使用属性overflow-y:auto 而不是overflow-y:scroll。要了解更多信息以及如何使用示例，请关注link

【讨论】：

【解决方案2】：

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

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

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

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

【讨论】：

【解决方案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;}

【讨论】：