【ant design vue】 生成表格序号

  1.作用域插槽

columns:[
         {title: '编号',scopedSlots: { customRender: 'indexRender' },align:'center'}
        ],

2.表格中

<a-table :columns="columns" :data-source="list" rowKey="id" :pagination="pagination" @change="handleTableChange">
         <span slot="indexRender" slot-scope="text,record,index">
                {
   
   { (pagination.current - 1) * pagination.pageSize + index + 1 }}
         </span>
</a-table>

3.效果