Ant Design Vue实现表格序号自动递增

实现方法

table

<a-table
        :ref="table" 
        :columns="columns"
        :row-key="record => record.upUserId"
        :data-source="mylist"    
        :pagination="pagination"
        :loading="loading"
        :row-selection="{ selectedRowKeys: selectedRowKeys, onChange: onSelectChange }"
        @change="handleTableChange"
      >   
        <span slot="num" slot-scope="text,records,index">
           {{ (pagination.current-1)* pagination.defaultPageSize + Number(index)+1 }}
        </span>
  </a-table> 

columns 

const columns = [ 
   {
    title: '序号',
    scopedSlots: { customRender: 'num' },
    width:80
  },
]

data

data() {
    this.columns = columns;
    return {
       pagination:
        {
          defaultPageSize:30,
          current: 1,
        },
    }
}

 效果图

---

文章如有错误，恳请大家提出问题，本人不胜感激 。 不懂的地方可以评论，我都会 一 一 回复

文章对大家有帮助的话，希望大家能动手点赞鼓励，大家未来一起努力     长路漫漫，道阻且长