首页 前端知识 BootStrap table 左侧固定列,表头固定 垂直滚动条,水平滚动条展示在可视化界面

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

2024-04-03 12:04:39 前端知识 前端哥 259 953 我要收藏

例如:

 不管垂直滚动条怎么滚动  (蓝色表头)表头始终在不动;

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


<style>
        .table-responsive{
            width: 100%;
        }
</style>
<div class="col-sm-12 select-table table-bordered table-responsive"  style="overflow: hidden;text-overflow: ellipsis;white-space: nowrap;">
        <div class="fakeContainer" >
            <table id="bootstrap-table"></table>
        </div>
</div>
css:定义最外层div宽度
 var options = {
        url: prefix   "/getData",
        modalName: "xxx",
        fixedColumns: true,//是否固定列
        fixedNumber:3,//固定几列
        striped:true,
      
转载请注明出处或者链接地址:https://www.qianduange.cn//article/4428.html
标签
评论
发布的文章

HTML5-本地存储浅谈

2024-06-19 08:06:18

JS实现倒计时功能

2024-06-19 08:06:34

HTML黑客帝国字母雨

2024-06-11 09:06:45

每天一篇之HTML(2)

2024-06-19 08:06:26

大家推荐的文章
会员中心 联系我 留言建议 回顶部
复制成功!