1、為table添加分頁： :pagination="pagination"

pagination: {

defaultPageSize: 10,

showTotal: (total) => `共${total} 條數據`,

total: 0,

showSizeChanger: true,

pageSizeOptions: ['10', '20', '50'],

onShowSizeChange: (current, pageSize) => {

this.pageSize = pageSize;

this.getTableData();

},

onChange: (page, pageSize) => {

this.pageSize = pageSize;

this.pageNum = page;

this.getTableData();

}

},

2、為table添加序號：在columns中： 添加一行： {"title": "序號",customRender: (value, row, index) => `${(this.pageNum-1)*10+index+1}`},

/**pageNum 當前第幾頁*/

3、 為table添加編輯、刪除功能

編輯

刪除

總結

以上是生活随笔為你收集整理的ant vue 兼容性问题_ant design for vue 关于table的一些问题的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。