bootstarp-table 设置隐藏列

在做隐藏列的时候会发现一个问题。

   var settings = {
        url: ctx + "rollapply/list",
        pageSize: 10,
        queryParams: function(params) {
            return {
                pageSize: params.limit,
                pageNum: params.offset / params.limit + 1,
                stuNo:$(".rollapply-table-form").find("input[name='stuNo']").val().trim(),
                stuName:   $(".rollapply-table-form").find("input[name='stuName']").val().trim(),
                idCard: $(".rollapply-table-form").find("input[name='idCard']").val().trim(),
                stuType: $(".rollapply-table-form").find("select[name='stuType']").val().trim(),
                applyStatus: $(".rollapply-table-form").find("select[name='applyStatus']").val().trim(),
                applyType: $(".rollapply-table-form").find("select[name='applyType']").val().trim(),
                applyTime: $(".rollapply-table-form").find("input[name='applyTime']").val().trim(),
            };
        },
        columns: [{
                checkbox: true
            },
            {
                title : '序号',
                formatter: function (value, row, index) {
                    return index+1;
                }
            },{
                field : 'id',
                title : 'id',
                hidden:true,
                formatter: function (value, row, index) {
                     return '<input type="text" name="id" value="'+ row.id +'" hidden class="form-control">';
                }
            
            },
            {
                field: 'stuNo',
                title: '学号',
                width: 150
            }, {
                field: 'stuName',
                title: '姓名'
            }, {
                field: 'idCard',
                title: '身份证号'
            }, {
                field: 'stuClass',
                title: '班级'
            }, {
                field: 'stuType',
                title: '申请类型',
                align : 'center',
                formatter: function(value, row, index) {
                        if (value == '0') return '退学';
                        else if (value == '1') return '休学';
                        else if (value == '2') return '复学';
                        else if (value == '3') return '保留学籍';
                        else return '无';
                }
            }, {
                field: 'applyType',
                title: '申请理由',
                align : 'center',
                formatter: function(value, row, index) {
                        if (value == '0') return '征兵入伍';
                        else if (value == '1') return '因病';
                        else if (value == '2') return '家庭原因';
                        else if (value == '3') return '经济原因';
                        else if (value == '4') return '自主创业';
                        else if (value == '5') return '个人原因';
                        else if (value == '6') return '其他';
                        else return '无';
                }
            } ,{
                field: 'applyStatus',
                title: '审核进度',
                align : 'center',
                formatter: function(value, row, index) {
                        if (value == '0') return '<span class="badge badge-warning">待审核</span>';
                        else if (value == '1') return '<span class="badge badge-success">通过</span>';
                        else if (value == '2') return '<span class="badge badge-danger">拒绝</span>';
                        else return '<span class="badge badge-warning">待审核</span>';
                }
            }, {
                field: 'applyTime',
                title: '申请时间'
            }, {
                field: 'approveTime',
                title: '审核时间'
            } 
            ],
            onLoadSuccess:function(data){  
                $('#rollApplyTable').bootstrapTable('hideColumn', 'id');// 设置隐藏列  
            }  
            
    }

列设置了隐藏还是不能隐藏,因为你必须要加上下面这个才行。

 onLoadSuccess:function(data){  
                $('#rollApplyTable').bootstrapTable('hideColumn', 'id');// 设置隐藏列  
            }

 

posted on 2018-08-14 14:19  手撕高达的村长  阅读(2076)  评论(0编辑  收藏  举报

导航