关于react的antd表格分页的问题

4,428 阅读1分钟

最近用react的框架做了一个表格比较多的数据库,里面涉及到了以一些分页的问题,目前我还是一个前端的小白。通过自己看文档何请教一位大神才解决了这个问题,现在在这里记录一下自己的心得。自己写的应该是比较笨的方法,欢迎大神来指证一些简单的方法和错误。 下面是表格分页的代码。

 <Table 
              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)
                  }
                }
              }
              />

后端已经做过分页了,所以前端也需要做分页来获取数据。