最近用react的框架做了一個表格比較多的數據庫，里面涉及到了以一些分頁的問題，目前我還是一個前端的小白。通過自己看文檔何請教一位大神才解決了這個問題，現在在這里記錄一下自己的心得。自己寫的應該是比較笨的方法，歡迎大神來指證一些簡單的方法和錯誤。 下面是表格分頁的代碼。

rowKey="id"

rowSelection={rowSelection}

columns={character}

dataSource={this.state.data}

scroll={{ x: 400 }}

pagination={

{

total: this.state.total,//數據的總條數

defaultCurrent: 1,//默認當前的頁數

defaultPageSize: 25,//默認每頁的條數

onChange: (page, pageSize) => {

axios.get(`這里是你所需要掉的接口-createTime&page=${page}&purpose=1`,{

headers:{

Authorization:sessionStorage.getItem("token")

}

}).then((res) => {

this.setState({

data: res.data.results

})

})

//console.log(page, pageSize)

}

}

}

/>

復制代碼

后端已經做過分頁了，所以前端也需要做分頁來獲取數據。

總結

以上是生活随笔為你收集整理的antd table分页,关于react的antd表格分页的问题的全部內容，希望文章能夠幫你解決所遇到的問題。

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