el-table中表头显示与隐藏

当表格数据较多时,这个时候选择隐藏一些字段就是个不错的选择

效果:

el-table中表头显示与隐藏_第1张图片

 

el-table中表头显示与隐藏_第2张图片

 代码:

js代码

el-table中表头显示与隐藏_第3张图片

 // 筛选的显示隐藏
    onChangeShow() {
      this.checkboxShow = !this.checkboxShow;
    },
    // 筛选变化事件
    onChange(e) {
      if (this.checkList.length == 0) {
        this.tableTitle.forEach(item => {
          item.flag = false;
        });
      } else {
        this.tableTitle[this.checkIndex].flag = e;
      }
    },
    onClick(e) {
      this.checkIndex = e;
    },

你可能感兴趣的:(vue.js,elementui,javascript)