Ant Design of Vue Table 第2页序号连续增加

第二页

// An highlighted block
 <a-table
  :columns="sxColumn" 
  :data-source="data" 
  :rowKey="(record,index)=>{return index}" 
  :pagination="pagination" 
  :scroll="{ y: 800 }"
  >
</a-table>

export default {
	data: function () {
	 return {
		pagesize: 10,
		current:1,
		pagination: {
	                showSizeChanger: true,
	                defaultPageSize: 10,
	                pageSize: 10,
	                showQuickJumper: true,
	                showTotal: (total, range) => `显示${range[0]}-${range[1]}条,共有 ${total}条`,
	                // defaultCurrent: 1, // 默认当前页数
	                onChange: (current, size) => {
	                    this.current=current,
	                    this.pagesize=size
	                },
	
	            },
	    sxColumn: [
	                {
	                    title: '序号',
	                    width: '5%',
	                    align: 'center',
	                    customRender: (text, record, index) => `${(this.current - 1) * (this.pagesize) + (index + 1)}`
	                }
	            ]
	   		}
	   }
}

评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值