Ant Design Vue3中的表格组件如何设置行高

在 Ant Design Vue3 的表格组件中，可以通过设置 `row-class-name` 属性来自定义表格行的样式，从而达到设置行高的效果。

具体步骤如下：

1. 在表格组件上添加 `row-class-name` 属性，值为一个函数，该函数接收一个参数 `record`，表示当前行的数据对象。

2. 在函数中返回一个字符串，表示当前行的样式类名，可以在该样式类中设置行高等样式。

例如，如果要将表格行的高度设置为 50px，可以按照如下示例代码进行设置：

<template>
  <a-table :data-source="dataSource" :row-class-name="getRowClassName">
    <a-table-column title="姓名" dataIndex="name" />
    <a-table-column title="年龄" dataIndex="age" />
  </a-table>
</template>

<script>
export default {
  data() {
    return {
      dataSource: [
        { name: '张三', age: 20 },
        { name: '李四', age: 22 },
        { name: '王五', age: 25 }
      ]
    };
  },
  methods: {
    getRowClassName(record) {
      return 'custom-row';
    }
  }
};
</script>

<style scoped>
.custom-row {
  height: 50px;
}
</style>

在上述示例代码中，`getRowClassName` 方法返回了一个字符串 `'custom-row'`，表示将当前行的样式类设置为 `custom-row`，然后在 `<style>` 标签中定义了 `.custom-row` 样式，将行高设置为 50px。这样就可以实现设置表格行高的效果了。