bootstrap-table visible 属性隐藏列 在下拉选中还有显示 动态隐藏某列

  1. 需求
    有时我们需要根据权限,动态隐藏bootstrap-table表格中某列,在使用 visible 隐藏时,列还是会出现在下来选中
    现象如下:
    bootstrap-table visible 属性隐藏列 在下拉选中还有显示 动态隐藏某列
$table.bootstrapTable({
            data: data,
            showColumns:true,
            striped:true,
            columns: [[{title: title,halign:"center",align:"center",colspan: 18}],[
                {title: '物料代码',field: 'materialId'},
                {title: '物料名称',field: 'materialname'},
                {title: '股份销售代码',field: 'salecode',visible:false}, // 这里设置了 visible为false 不在列表中展示
                {title: '康讯材料代码',field: 'kxcode',visible:false},
                {title: '型号',field: 'type',visible:false},
                {title: '单位',field: 'unit',visible:false},
                ………………
                ………………
                ]
        });
  1. 解决方案
    在列属性上添加一个 switchable:false 即可
{title: '股份销售代码',field: 'salecode',visible:false,switchable:false}, //添加switchable:false 属性
{title: '康讯材料代码',field: 'kxcode',visible:false,switchable:false},
{title: '型号',field: 'type',visible:false,switchable:false},
{title: '单位',field: 'unit',visible:false,switchable:false},

bootstrap-table visible 属性隐藏列 在下拉选中还有显示 动态隐藏某列

上一篇:Visible +asp:Label 设置指定用户不允许修改某个字段


下一篇:Bootstrap 中visible-xs、hidden-xs等的用法