el-table 根据值设置单元格颜色

在ECharts中的`el-table`组件中，如果你想根据数据的某个值动态设置单元格的颜色，可以使用`cell-style`属性。这个属性接受一个函数作为值，该函数会接收当前行的数据以及列的信息，然后返回一个CSS对象，定义单元格的样式。

例如：

<template>
  <el-table :data="tableData" style="width: 100%">
    <el-table-column prop="name" label="Name"></el-table-column>
    <el-table-column prop="value" label="Value">
      <template slot-scope="scope">
        <span :style="{ backgroundColor: scope.row.value > 100 ? 'red' : 'green' }">{{ scope.row.value }}</span>
      </template>
    </el-table-column>
  </el-table>
</template>

<script>
export default {
  data() {
    return {
      tableData: [
        { name: 'Item 1', value: 150 },
        { name: 'Item 2', value: 90 },
        // 更多数据...
      ]
    };
  }
};
</script>

在这个例子中，如果`value`的值大于100，单元格背景色将变为红色；否则为绿色。你可以根据实际需要调整判断条件和颜色对应。