多个表格 只需要 改一下myCustomerTablePageConfig 和 myCustomerTablePageChange 名字
<a-table
:pagination="myCustomerTablePageConfig"
@change="myCustomerTablePageChange"
>
</a-table>
export default {
data() {
return {
// 筛选表格分页配置对象
myCustomerTablePageConfig: {
// 总数据
total: 0,
// 每页条数
pageSize: 10,
// 当前页
current: 1,
// 显示多少页
showTotal: (total) => `共有 ${total} 条`,
// 是否显示跳转页面
showQuickJumper: true,
// 是否开启分页数据条数
showSizeChanger: true,
// 分页每页显示条数
pageSizeOptions: ['1', '10', '20', '40', '80', '100'],
},
}
},
mounted() {
},
methods: {
/**
* @function 表格分页变化
*/
myCustomerTablePageChange(pagination) {
let { current, pageSize } = pagination
this.myCustomerTablePageConfig = Object.assign(this.myCustomerTablePageConfig, { current, pageSize })
},
},
computed: {},
}
脱离分页的 自增序号
{
title: '序号',
dataIndex: 'name',
align: 'center',
key: 'name',
width: 60,
customRender: (text, record, index) => `${index + 1}`,
},