- 需求
有时我们需要根据权限,动态隐藏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},
………………
………………
]
});
- 解决方案
在列属性上添加一个 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},