vue2 ant的a-table组件

在Vue 2中使用Ant Design Vue的a-table组件，首先确保已经安装了ant-design-vue。

1. 安装ant-design-vue：

npm install ant-design-vue --save

2. 在你的Vue组件中引入并注册a-table组件：

<template>
  <a-table :columns="columns" :dataSource="data" />
</template>
 
<script>
import { Table } from 'ant-design-vue';
 
export default {
  components: {
    'a-table': Table
  },
  data() {
    return {
      columns: [
        {
          title: 'Name',
          dataIndex: 'name'
        },
        {
          title: 'Age',
          dataIndex: 'age'
        }
      ],
      data: [
        {
          key: '1',
          name: 'John Doe',
          age: 32
        },
        {
          key: '2',
          name: 'Jane Smith',
          age: 28
        }
      ]
    };
  }
};
</script>

在这个例子中，columns定义了表格的列，dataSource提供了表格的数据。a-table组件将根据这些属性渲染一个基本的表格。你可以根据需要添加更多的属性和事件处理器来定制表格的行为。