<el-table> 调整单元格背景颜色

`<el-table>` 是 Element UI 中的一个表格组件，如果你想调整单元格的背景颜色，可以使用 `row-class-name` 或者直接操作 DOM 来实现。这里有两种常见的方法：

1. **通过 `row-class-name` 钩子**:
在每个数据行上设置一个自定义类名，然后在 CSS 中定义这个类的背景色。例如：

   <el-table :data="tableData" row-class-name="customClassName">
     <template #default="{ row }">
       <!-- 表头列 -->
     </template>
   </el-table>

   // 在 JavaScript 中
   methods: {
     customClassName({ row, rowIndex }) {
       return rowIndex % 2 === 0 ? 'even-row' : 'odd-row'; // 设置奇数行和偶数行有不同的背景色
     }
   }

   // CSS 文件中定义 .even-row 和 .odd-row 的背景色
   .even-row {
     background-color: lightblue;
   }
   .odd-row {
     background-color: white;
   }

2. **直接操作 DOM**:
如果需要更精确地控制单元格样式，可以在渲染函数中动态设置 `style` 属性：

   <el-table :data="tableData">
     <template #cell="{ column, row, rowIndex }">
       <div :style="{ backgroundColor: shouldHighlight(rowIndex) ? 'red' : '' }">{{ row[column.property] }}</div>
     </template>
   </el-table>
   
   methods: {
     shouldHighlight(rowIndex) {
       // 根据索引判断是否高亮
       return rowIndex % 2 === 0; // 示例：每两行高亮一次
     }
   }

记得在实际项目中替换 `shouldHighlight` 或 `customClassName` 函数里的条件以满足你的需求。