最近用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)
}
}
}
/>
复制代码
后端已经做过分页了,所以前端也需要做分页来获取数据。