el-table列添加背景颜色

你可以使用 `cell-style` 属性或 `row-class-name` 属性来为 el-table 的列添加背景颜色。

1. 使用 `cell-style` 属性：

<el-table :data="tableData">
  <el-table-column prop="name" label="Name" :cell-style="{ backgroundColor: '#f5f5f5' }"></el-table-column>
  <el-table-column prop="age" label="Age"></el-table-column>
</el-table>

这里为 `Name` 列设置了背景颜色为灰色。

2. 使用 `row-class-name` 属性：

<el-table :data="tableData" :row-class-name="rowClassName">
  <el-table-column prop="name" label="Name"></el-table-column>
  <el-table-column prop="age" label="Age"></el-table-column>
</el-table>

methods: {
  rowClassName({ row }) {
    if (row.age > 18) {
      return 'bg-green'
    } else {
      return 'bg-red'
    }
  }
}

这里根据数据的不同，为行设置不同的类名，再在样式中设置对应的背景颜色。

.bg-green {
  background-color: #a5d6a7;
}

.bg-red {
  background-color: #ef9a9a;
}