el-table如何更改每个单元格内文字颜色

在Element UI的el-table组件中，你可以通过`cell-style`属性或者`row-class-name`属性来动态设置每个单元格的文字颜色。以下是两种方法：

1. 使用 `cell-style` 属性：
对于单个单元格，可以在表格的数据项（data item）中添加一个函数作为值，该函数接收当前行的数据和索引，返回一个对象，其中包含`color`属性来改变字体颜色。例如：

<el-table :data="tableData">
  <el-table-column prop="name" label="姓名">
    <template slot-scope="scope">
      <span :style="{ color: scope.row.color ? scope.row.color : 'black' }">{{ scope.row.name }}</span>
    </template>
  </el-table-column>
</el-table>

// 在data中
tableData: [
  { name: '张三', color: 'red' },
  { name: '李四', color: 'blue' }
]

2. 使用 `row-class-name` 属性：
如果需要根据每一行的状态来改变整个行的颜色，可以给每一行分配一个类名，然后在CSS中定义这个类名下的文本颜色。比如：

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

// 在methods中定义getRowClass方法
getRowClass({ row }) {
  return row.status === 'active' ? 'custom-row-color-red' : '';
}

// 在CSS中定义样式
.custom-row-color-red {
  color: red;
}

请注意，在这两种方法中，你需要自定义的CSS规则或JavaScript函数都已经包含了对颜色的具体处理。