antd vue <s-table>使用

Ant Design Vue的`<a-table>`组件是一个非常强大的表格组件，可以用于展示、筛选和排序大量数据。下面是一个简单的使用示例：

<template>
  <a-table :columns="columns" :data-source="data">
    <template #name="{ text }">
      <a>{{ text }}</a>
    </template>
  </a-table>
</template>

<script>
  export default {
    data() {
      return {
        columns: [
          {
            title: 'Name',
            dataIndex: 'name',
            key: 'name',
            slots: { customRender: 'name' },
          },
          {
            title: 'Age',
            dataIndex: 'age',
            key: 'age',
          },
          {
            title: 'Address',
            dataIndex: 'address',
            key: 'address',
          },
        ],
        data: [
          {
            key: '1',
            name: 'John Brown',
            age: 32,
            address: 'New York No. 1 Lake Park',
          },
          {
            key: '2',
            name: 'Jim Green',
            age: 42,
            address: 'London No. 1 Lake Park',
          },
          {
            key: '3',
            name: 'Joe Black',
            age: 32,
            address: 'Sidney No. 1 Lake Park',
          },
        ],
      };
    },
  };
</script>

这里定义了一个包含三个列的表格，每列分别对应数据对象中的`name`、`age`和`address`属性。通过`data`属性设置表格的数据源，`columns`属性定义表格的列信息。在模板中，使用`slots`属性的`customRender`值可以自定义单元格的渲染方式，这里将`name`列的单元格渲染为链接。Ant Design Vue的`<a-table>`组件还提供了许多其他的属性和方法，可以根据具体需求进行配置和使用。