Ant Design of Vue 之table表格實現自定義分頁

背景

vue項目要基於ant vue 組件庫實現自定義表格分頁。

具體實現

<a-table :datasource="dataSource" :columns="columns" bordered="" :rowclassname="rowClassName" @change="handleTableChange" 分頁數改變點擊事件="" style="margin-top: 22px" :pagination="{
			current: pageNo,//頁碼
			showSizeChanger:true ,//是否可以改變 pageSize,重要
			pageSize: num,//一頁可有多少條數據
			total: total}" 總數據數="">
	</a-table>


		handleTableChange(e) {
				this.pageNo = e.current; //賦值新頁碼數
				this.num = e.pageSize;//賦值新一頁數據項
			},	

效果

備注

也可以通過設置pagination={false}，取消默認分頁。