bootstrap table 固定高度,自动垂直滚动条
网上很多中解决方案,都是在特定的条件下才能生效或者比较复杂
场景如下(可自行对照):
bootstrap3.3.7版本
使用bootstrap.table.js
渲染html
的<table>
标签,table
中的数据量过多时会遮挡其他控件
解决方案:
在table
外再套一层div
设置高度和滚动条
<div style="height: 490px;overflow: auto;">
<table id="userTable"></table>
</div>
源代码如下:
panel-footer
为bootstrap3.v
中卡片
css组件的底部
<div class="panel-footer" style="height: 490px;overflow: auto;">
<table id="userTable"></table>
</div>
效果如下: