ant desgin vue 表格行样式

Ant Design Vue 表格（Table）组件支持通过 `row-class-name` 属性来设置行的样式类名。你可以使用该属性根据行数据的属性值来动态设置样式。

例如，假设你有一个表格，其中有一个 `status` 字段，它的值为 1 表示正常，值为 0 表示异常。你可以在 `row-class-name` 中设置一个函数，根据 `status` 的值来返回不同的样式类名，如下所示：

<template>
  <a-table :row-class-name="getRowClassName" :columns="columns" :data-source="dataSource"></a-table>
</template>

<script>
export default {
  data() {
    return {
      columns: [
        // 列定义
      ],
      dataSource: [
        // 数据源
      ]
    };
  },
  methods: {
    getRowClassName(record) {
      return record.status === 0 ? 'error-row' : '';
    },
  },
};
</script>

<style>
.error-row {
  background-color: #ffcccc;
}
</style>

在上面的代码中，`getRowClassName` 方法接收一个参数 `record`，它是当前行的数据对象。该方法根据 `record.status` 的值来判断是否应该添加 `error-row` 样式类名。当 `status` 的值为 0 时，该行将会添加 `error-row` 类名，从而显示为红色背景。