element的eltable-cell-class-name回调怎么用

`element-ui` 中的 `el-table` 组件的 `cell-class-name` 回调是用来动态设置表格单元格样式的一种机制。当你需要根据数据的变化为每个单元格添加自定义的 CSS 类名时，这个回调非常有用。

`cell-class-name` 的函数接收两个参数：当前行的数据 (`row`) 和当前列的数据 (`column`). 它通常返回一个字符串，该字符串包含了一个或多个 CSS 类名，用于指定单元格的样式。例如：

<template>
  <el-table :data="tableData" :cell-class-name="customCellClassName">
    <!-- 表格列定义 -->
  </el-table>
</template>

<script>
export default {
  methods: {
    customCellClassName({ row, column }) {
      // 根据 row 或者 column 的值计算应该应用的 CSS 类名
      let className = '';
      if (row.someCondition) {
        className += 'custom-class-red'; // 添加红色背景
      } else if (column.title === 'Some Column') {
        className += 'custom-class-bold'; // 添加加粗样式
      }
      
      return className;
    },
  },
  data() {
    return {
      tableData: ...,
    };
  },
};
</script>

在这个例子中，`customCellClassName` 函数会检查行数据或列标题是否满足特定条件，并据此动态决定给单元格添加哪些类名。