• 欢迎访问本网站,技术教程,资源分享,推荐使用最新版火狐浏览器和Chrome浏览器访问本网站,欢迎加入东蓬莱!
  • 如果您觉得本站非常有看点,那么赶紧使用Ctrl+D 收藏东部蓬莱吧

BootstrapTable 根据条件隐藏某列

前端开发 Jokul 11个月前 (07-27) 118次浏览 0个评论 扫描二维码

我们在用bootstrapTable的时候,有时需要根据条件,比如权限隐藏某一列

$table.bootstrapTable({
    ajax: function (params) {
        $.post('__APP__/Monitor/AlarmInfo/getAllAlarmListByVarKey', params.data, function (e) {
            if(params.data.pageNumber<=1){
                $total = e.total;
            }
            params.success({rows:e.rows,total:$total});
        }, 'json')
    },
    idField: 'id',//指定主键列
    uniqueId: "id",//对每一行指定唯一标识符
    pageSize: 10,
    pageNumber:1,
    striped: true,
    queryParamsType:"",
    sidePagination:'server',
    pagination: true,
    paginationDetailHAlign: 'right',  
    columns: [[
        {
            field: 'id', visible: false
        },
        {
            field: 'alarmdatetime', title: '告警时间'
        },
        {
            field: 'variablevalue', title: '告警值'
        },
        
        {
            field: 'equipname', title: '所属设备'
        }
    ]],
    onLoadSuccess: function () {
        if ($varkey.indexOf("A") <= 0) {
            $table.bootstrapTable('hideColumn', 'variablevalue');//隐藏上述variablevalue列
    }
})

核心代码

onLoadSuccess: function () {
        if ($varkey.indexOf("A") <= 0) {
            $table.bootstrapTable('hideColumn', 'variablevalue');//隐藏上述variablevalue列
    }

东部蓬莱 , 版权所有丨如未注明 , 均为原创丨本网站采用BY-NC-SA协议进行授权
转载请注明原文链接:BootstrapTable 根据条件隐藏某列
喜欢 (1)
[支付宝]
分享 (0)
发表我的评论
取消评论
表情 贴图 加粗 删除线 居中 斜体 签到

Hi,您需要填写昵称和邮箱!

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址