el-talbe 中 row-class-name的用法

在Element UI的表格`el-table`组件中，`row-class-name`属性用于动态设置每一行的CSS类名。它的值应该是一个函数，这个函数接收当前行的数据作为参数，返回一个字符串，该字符串对应于要应用到该行的一个自定义CSS类名。

例如，你可以这样使用：

<template>
  <el-table :data="tableData" :row-class-name="getRowClassName">
    <!-- 表格列... -->
  </el-table>
</template>

<script>
export default {
  methods: {
    getRowClassName(row) {
      // 根据row数据返回类名，比如按某个字段分组或者标记某几行
      if (row.status === 'special') {
        return 'custom-row';
      } else {
        return '';
      }
    }
  }
}
</script>

在这个例子中，如果`row.status`等于'special'，那么该行将拥有名为`custom-row`的CSS样式。如果没有特定条件，函数会返回空字符串，这意味着默认情况下不会添加额外的类名。