# table 动态隐藏列(隐藏字段)、添加列(添加字段)、动态添加列
# 前端合计处理
onInited() {
//表格动态添加列
this.columns.push({
title: '名字', //按钮名称
field: '字段',
width: 80,
align: "left"
})
//如果列需要点击事件、格式化,或者渲染组件,请参照上面的【自定义按钮】、【table单元格点击事件】等,自己找吧
//也可以通过splice在指定位置添加列
// this.columns.splice(10, 0{
// title: '名字', //按钮名称
// field: '字段',
// width: 80,
// align: "left"
// })
//动态隐藏列
this.columns.forEach(x=>{
if(x.field=='字段'){
x.hidden=true//或者false
}
})
//下面明细表隐藏字段同上
//明细表同上
//this.detailOptions.columns.push({})
//一对多明细表
// this.details.forEach(x=>{
// if(x.table=='明细表'){
// x.columns.push({})//配置同上
// }
// })
// //一对多三级明细表
// this.subDetails.forEach(x=>{
// if(x.table=='明细表'){
// x.columns.push({})//配置同上
// }
// })
}
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46