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

1. 需求
   有时我们需要根据权限，动态隐藏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},
                ………………
                ………………
                ]
        });

2. 解决方案
   在列属性上添加一个 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},

标签：field,false,某列,title,代码,bootstrap,visible,switchable,隐藏
来源： https://blog.csdn.net/Sunny__wei/article/details/117771593