                        课程
                    
                        /前端开发
                        
                            /Bootstrap
                        
                        /玩转Bootstrap（基础）

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

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

吕文静

2015-03-03

源自：玩转Bootstrap（基础）

关注问题我要回答

8326

操作

收起

5 回答

itwangCoder
2019-09-09

<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