el-table 某列设置背景颜色

可以通过在自定义组件中使用 `tableCellStyle` 方法来动态设置 `el-table` 中某列的背景颜色。具体实现方法如下：

<template>
  <el-table :data="tableData" :cell-style="tableCellStyle">
    <el-table-column prop="name" label="姓名"></el-table-column>
    <el-table-column prop="age" label="年龄"></el-table-column>
    <el-table-column prop="state" label="状态"></el-table-column>
  </el-table>
</template>

<script>
export default {
  data() {
    return {
      tableData: [
        { name: '张三', age: 18, state: '未维护' },
        { name: '李四', age: 22, state: '已维护' },
        { name: '王五', age: 30, state: '未维护' }
      ]
    }
  },
  methods: {
    tableCellStyle({ row, column, rowIndex, columnIndex }) {
      if (columnIndex === 2) { // 判断是否是第3列
        if (row.state === '未维护') { // 如果是未维护，背景色蓝色，字体色白色
          return 'background:#c7a027; color:#6c3a00'
        } else { // 否则背景色为黄色
          return 'background:yellow'
        }
      } else { // 其他列不做处理
        return ''
      }
    }
  }
}

在上述代码中，我们通过 `tableCellStyle` 方法来设置 `el-table` 中第3列的背景颜色。其中，`{ row, column, rowIndex, columnIndex }` 参数分别表示当前单元格所在的行、列、行索引和列索引。通过判断 `columnIndex` 是否为2（即第3列），并根据 `row.state` 的值来设置不同的背景颜色。