table动态隐藏字段、列,动态添加列
[vue3代码]写在生成的[表.vue]文件中,[vue2代码]写在[表.jsx]文件methods方法中;二选一实现
vue3代码
const onInit=($vm)=> {
gridRef=$vm;
//动态设置表格字段隐藏与显示
columns.forEach(x => {
if (条件) {
x.hidden=true;//true/false;
}
})
//表格动态添加列
// columns.push({
// title: '名字', //按钮名称
// field: '字段',
// width: 80,
// align: "left"
// })
//明细表同上
//gridRef.detailOptions.columns.push({})
//也可以参照上面的自定义按钮示例,动态添加表格列
}
vue2代码
onInit(){
//动态设置表格字段隐藏与显示
this.columns.forEach(x => {
if (条件) {
x.hidden=true;//true/false;
}
})
//表格动态添加列
// this.columns.push({
// title: '名字', //按钮名称
// field: '字段',
// width: 80,
// align: "left"
// })
//明细表同上
//this.detailOptions.columns.push({})
//也可以参照上面的自定义按钮示例,动态添加表格列
}