如何设置el-table选中行的第一列的背景颜色

你可以通过自定义 `el-table` 的 `row-class-name` 属性来实现：

1. 首先，为 `el-table` 添加 `row-class-name` 属性，并将其绑定到一个方法上，例如 `tableRowClassName` 。

2. 在 `tableRowClassName` 方法中，通过 `row` 参数获取当前行的数据对象，并根据需要返回一个 CSS 类名。对于第一列，你可以使用 `row.$index === 0` 来判断是否为第一行，然后返回一个自定义的 CSS 类名，例如 `highlight-row`。

3. 在 CSS 文件中，为 `.highlight-row` 类名设置背景颜色样式即可。

示例代码如下：

HTML：

<el-table :data="tableData" row-class-name="tableRowClassName">
  <el-table-column prop="name" label="姓名"></el-table-column>
  <el-table-column prop="age" label="年龄"></el-table-column>
  <el-table-column prop="address" label="地址"></el-table-column>
</el-table>

JS：

methods: {
  tableRowClassName({$index, row}) {
    if ($index === 0) {
      return 'highlight-row';
    }
    return '';
  }
}

CSS：

.highlight-row {
  background-color: #f5f5f5;
}