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

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM