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的时候再去触发分页自增

你可能感兴趣的:(javascript,开发语言,ecmascript)