BootStrap table 左侧固定列，表头固定垂直滚动条，水平滚动条展示在可视化界面

本文介绍: 列数行数过多不分页的情况下增加水平滚动，垂直滚动；首先：确定一个容器的大小数据展示在容器中，除了固定的数据不动其他的都可以通过滚动条进行查看

不管垂直滚动条怎么滚动（蓝色表头）表头始终在不动；

列数过多时除了左侧固定的列其他列通过水平滚动条进行滚动；


&lt;style&gt;
        .table-responsive{
            width: 100%;
        }
&lt;/style&gt;
&lt;div class="col-sm-12 select-table table-bordered table-responsive"  style="overflow: hidden;text-overflow: ellipsis;white-space: nowrap;"&gt;
        &lt;div class="fakeContainer" &gt;
            <table id="bootstrap-table"&gt;</table&gt;
        </div&gt;
</div&gt;

css:定义最外层div宽度

 var options = {
        url: prefix + "/getData",
        modalName: "xxx",
        fixedColumns: true,//是否固定列
        fixedNumber:3,//固定几列
        striped:true,
        pagination:false,//不分页
        showSearch:false,
        showColumns:false,
        showToggle:false,
        showRefresh:false,
        height:700 //加入这个固定表头
    };