我是通过headerCellStyle 判断表头label为null 则设置 display:none

如果你想通过 `headerCellStyle` 判断表头的 label 是否为 null，并设置 `display: none` 来隐藏该表头，可以尝试以下方法：

1. 在 `headerCellStyle` 中判断 label 是否为 null：在 `headerCellStyle` 属性中，可以通过传入一个函数来动态设置表头单元格的样式。在这个函数中，可以判断当前表头的 label 是否为 null，并返回相应的样式。例如：

<el-table :data="tableData">
  <el-table-column v-for="header in headers" :prop="header.prop" :label="header.label" :header-cell-style="headerCellStyle"></el-table-column>
</el-table>

methods: {
  headerCellStyle({ column, $index }) {
    if (column.label === null) {
      return { display: 'none' };
    }
    // 可以根据需要设置其他样式
  }
}

在这个例子中，通过判断 `column.label` 是否为 null，如果为 null，则返回 `{ display: 'none' }` 来隐藏该表头。

2. 使用 v-if 控制列的显示：另一种方法是，在模板中使用 v-if 指令来根据表头的 label 是否为 null 控制列的显示。例如：

<el-table :data="tableData">
  <el-table-column v-for="header in headers" :prop="header.prop" :label="header.label" v-if="header.label !== null"></el-table-column>
</el-table>

在这个例子中，只有当 `header.label` 不为 null 时，才会渲染该列。

以上方法中的任意一种都可以根据表头的 label 是否为 null 来隐藏对应的列。希望对你有所帮助！如果还有其他问题，请随时提问。