# 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