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');// 设置隐藏列
}