element 表格使用了header-cell-style后表头超出隐藏

html

js

// 合并表头
headerStyle({ row, column, rowIndex, columnIndex }) {
  const comStyle = {}
  if (rowIndex === 0) {
    // console.log(row)
    row[0].colSpan = 1 // 将表头第二列和第三列合并，内容展示为第二列的内容
    row[1].colSpan = 2
    if (columnIndex === 2) { // 将表头第二列隐藏
      console.log('????')
      return {
        display: 'none',
        ...comStyle
      }
    }
  }
  return comStyle
},
// 合并行
objectSpanMethod({ row, column, rowIndex, columnIndex }, data) {
  if (columnIndex === 0) {
    const data = this.finishWork
    if (rowIndex > 0 && data[rowIndex].supervisionType === data[rowIndex - 1].supervisionType) {
      return {
        rowspan: 0,
        colspan: 0
      }
    } else {
      let rowspan = 1
      for (let i = rowIndex + 1; i < data.length; i++) {
        if (data[i].supervisionType === data[rowIndex].supervisionType) {
          rowspan++
        } else {
          break
        }
      }
      return {
        rowspan: rowspan,
        colspan: 1
      }
    }
  }
}

效果(表头有一列不显示了)

打开控制台查看（有数据，但是不显示）

查看css

直接粗暴写法

::v-deep .el-table .el-table__cell.is-hidden > * {
  visibility: visible !important;
}

最终效果

爱意随风起，风止意难平