bootstrap table 固定高度，自动垂直滚动条

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>

效果如下：