el-table的cell-style可以修改多列

`el-table` 是 Element UI 中的一个表格组件，在 Vue 框架下非常常用。它允许你在每一行的单元格（cell）上应用自定义样式，通过 `cell-style` 或者 `row-class-name` 属性来动态设置。`cell-style` 是一个对象，它的 key 是当前单元格的数据字段，value 是一个函数，这个函数会接收当前单元格的数据作为参数，并返回一个 CSS 表达式。

例如，如果你想对特定列的某些数据应用不同的颜色样式，你可以这样做：

<el-table :data="tableData" cell-style="formatCellStyle">
  <el-table-column prop="name" label="姓名"></el-table-column>
  <!-- 其他列... -->
</el-table>

<script>
export default {
  methods: {
    formatCellStyle({ row, column, rowIndex, columnIndex }) {
      if (columnIndex === 0) { // 如果是第一列
        if (row.name.includes('关键词')) { // 根据数据判断是否添加样式
          return 'background-color: yellow;'; // 设置背景色为黄色
        } else {
          return ''; // 或者不添加样式，保持默认
        }
      }
      // 对其他列可能有其他条件
      return '';
    }
  }
}
</script>

在这个例子中，当名字列（假设它是第一列）的数据包含某个关键词时，对应的单元格背景会被设置为黄色。你可以根据实际需求调整这个函数，支持多列的样式定制。