第一步 pagination配置:
<div class="table" style="background: #FFFFFF;">
<a-table
class="components-table-demo-nested"
:loading="isLoading"
:columns="columns"
:data-source="dataList"
:pagination="pagination"
:row-selection="{ selectedRowKeys: selectedRowKeys, onChange: onSelectChange }"
:scroll="{ x: 1400, y: 650 }"
@change="tablePaginationChange"
></a-table>
第二步 data中设置参数
// 分页配置
pagination: {
current: 1, //默认当前叶数
total: 1000, // 数据总数 如果不设置就以绑定的数据量为准
pageSize: 10, // 默认每页条数
showSizeChanger: true, //是否可以改变 pageSize
pageSizeOptions: ['10', '20', '40', '80', '100'], //可切换每叶数据条数
showTotal: total => this.$t('m.total') + ' ' + `${total}` + ' ' + this.$t('m.strip'), // 分页中显示总的数据
hideOnSinglePage: false // 只有一页时是否隐藏分页器 true为不显示 false为显示
},
第三步 使用,在请求表格分页数据时使用
init() {
postAction(this.url.date, {
sideTypeId: 'applet',
clientId: 'app',
pageNo: this.pagination.current,
pageSize: this.pagination.pageSize
})
}