1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 | 前端 template: columns: [ { title: '序号', width: '60px', required: true, dataIndex: 'no', scopedSlots: { customRender: 'no' }, align: 'center', ellipsis: true, }] <div slot="no" slot-scope="text, record, index"> {{ (pagination.page - 1) * pagination.pageSize + index + 1 }} </div> data: pagination: { pageSize: 10, ...pagination }, 后端请求: this.pagination = Object.assign({}, this.pagination, { page: data?.page, pageSize: data?.size, total: data?.total, current: data?.page }); 如果要倒序呢? <div slot="no" slot-scope="text, record, index"> {{ pagination.total-((pagination.page - 1) * pagination.pageSize + index) }} </div> |
声明: 本文由( zongyan86 )原创编译,转载请保留链接: antdui vue a-table 序号功能