Ant Design Vue ：table 组件 自定义分页器、排序、插槽使用

• Ant Design Vue 是蚂蚁金服推出的后台服务组件库，目前有62个开箱即用的高质量 Vue 组件。
• 后台管理应用中，table和form表单的使用场景比较多，于是做一下table组件的使用总结。

一、table组件官方文档地址

二、举个栗子，定义一个带分页器的table组件：

 <a-table
  	ref="table"
  	rowKey=id
   :columns="columns"
   :dataSource="lists"
   :pagination="pagination"
   @change="tableChange"
 >
 </a-table>

• ref=“table”
  ref 被用来给元素或子组件注册引用信息。引用信息将会注册在父组件的 $refs 对象上。如果在普通的 DOM 元素上使用，引用指向的就是 DOM 元素；如果用在子组件上，引用就指向组件实例，这里指向table这个元素

• :columns=“columns”
  表格列的配置描述，定义在data初始化数据中

   columns: [
        {
   
          title: "id",
          dataIndex: "id"  // 列数据在数据项中对应的 key
        },
   ]

• :dataSource=“lists”
  数据数组

• :pagination=“pagination”
  true显示分页器，反之
  设置为true效果是这样的