Ant Design表格分页序号自增

1.正常情况下不考虑分页自增
这种情况当页码切为第2页的时候,序号重置为从1开始

columns:[
    {
    title:'序号',
    customRender:(text,record,index)=>{
        //index从0开始 需加1
        return index+1
    }
]

2.根据分页序号自增配合 pagination配置

data(){
    return{
        pagination:{
            current:1,
            pageSize:15,
        }
    }
}
columns:[
    {
    title:'序号',
    customRender:(text,record,index)=>{
        if(!this.loading){
            return (this.pagination.current - 1) * this.pagination.pageSize + index + 1
        }
    }
]

==注:增加loading判断是因为此计算优先于接口触发,造成点击分页数据未返回序号会闪现全部(loading为加载中图标显示)当loading为false的时候再去触发分页自增==

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容