相关推荐recommended
BootStrap table 左侧固定列,表头固定 垂直滚动条,水平滚动条展示在可视化界面
作者:mmseoamin日期:2023-12-02

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

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

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


        
            
        
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 //加入这个固定表头
    };

加入height  固定表头 上下滚动表头一直在最上方

效果:

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

 大功告成!!!