求教：关于bootstrap表格固定前几列-慕课网

首页课程实战体系课手记专栏慕课教程

求教：关于bootstrap表格固定前几列

来源：-

吕文静

2015-03-03 16:48

请问如何用bootstrap实现固定表格的前三列?谢谢

写回答关注

2回答

itwangCoder: 2019-09-09 14:09:24

<link href="../static/css/bootstrap.min.css" rel="stylesheet" /> 
    <link href="../static/css/bootstrap-table.min.css" rel="stylesheet" />
    <link href="../static/css/bootstrap-table-fixed-columns.css" rel="stylesheet" />
    <script src="../static/jq/jquery-3.3.1.min.js"></script>    
    <script src="../static/js/bootstrap-table.min.js"></script>
    <script src="../static/js/bootstrap-table-fixed-columns.js"></script>    
    <script src="../static/js/bootstrap-table-zh-CN.js"></script>

$("#data_table").bootstrapTable('destroy').bootstrapTable({        // search: true, //是否开启搜索栏
        toolbar : '.toolbar', //用哪个DOM作为工具栏
        //pagination : true, // 是否显示分页（*）
        //sidePagination : "client", // 分页方式：client客户端分页，server服务端分页（*）
        //pageNumber : 1, // 初始化加载第一页，默认第一页
        //pageSize : 2, // 每页的记录行数（*）
        fixedColumns : true, //是否开启固定列
        fixedNumber : 4,    //固定几列
        height : 表格高度 //设置表格高度
    });

bootstrap-table文件下载：
链接: https://pan.baidu.com/s/1Un3t...
提取码: yh2w

0 0