el-table 滑动颜色

`el-table` 是 Element UI 中的一个表格组件，它支持自定义行样式，包括滑动颜色的效果。通过 `row-class-name` 或 `cell-style` 属性，你可以动态地为每一行或单元格添加 CSS 类，进而控制它们的背景色或字体颜色。

例如，如果你想在满足某种条件时改变某一行的颜色，你可以设置一个函数，该函数接收当前行的数据作为参数，然后返回一个表示行样式的对象，比如：

<template>
  <el-table :data="tableData" :row-class-name="getRowClass">
    <!-- ... -->
  </el-table>
</template>

<script>
export default {
  methods: {
    getRowClass({ row }) {
      // 判断条件，如果满足则改变颜色
      if (row.status === 'important') {
        return { 'custom-row-color': true };
      }
      return '';
    },
  },
}
</script>

<style scoped>
.custom-row-color {
  background-color: #ffcc00; /* 或者其他你需要的颜色 */
}
</style>

在这个例子中，当`status`字段为 'important' 时，对应的行会显示黄色背景。