Ant Design表格分页序号重置问题

问题描述：

　　使用antd表格a-table组件时，有时需要展示每条数据的序号。

　　通常在columns定义时写为如下形式：

在不设置分页的情况下，即pagination="false"，表格数据单页显示，且序号正常；

 

如果需要分页，配置pagination="true"（默认，也可以不写），会导致切换页面后序号重新从1开始。

 

 

 

很明显，我们期待上图中第二页序号应从11开始，因此只要拿到currentPage及pageSize，便可以计算当前页的正确序号。

解决方法：

配置pagination对象，【序号】书写为插槽形式。

1）在data中定义ipagination:

2）method中增加onPageChange方法：

 

3）【序号】书写为插槽形式：

4）获取数据

 

4） table组件配置：