仅垂直滚动表

Question

我将表包含在div中以包含overflow: scroll。但是，它也在水平方向插入滚动条。我只希望垂直滚动条。

<div style="height: 700px !important; width: 100%; overflow: scroll;">
    <table class="table table-bordered">
        <!-- Content Here -->
    </table>
</div>

Answer 1

overflow-y属性指定在顶部和底部边缘溢出时是剪切块内容，添加滚动条还是显示块级元素的溢出内容。

<div style="height: 700px !important; width: 100%; overflow-y: scroll;">
    <table class="table table-bordered">
        <!-- Content Here -->
    </table>
</div>

Answer 2

您可以使用溢出-y：滚动；或溢出-y：auto;财产

overflow-y属性指定在顶部和底部边缘溢出时是剪切内容，添加滚动条还是显示块级元素的溢出内容。

https://www.w3schools.com/CSSref/css3_pr_overflow-y.asp