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

最近用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表格分页的问题相关推荐

antd table动态表头_使用 antd@4 table 自定义筛选表头功能做一个联动搜索表头筛选...
前言: 上篇文章是使用 antd@4 table 自定义表头筛选完成一个表格动态列的功能,这次需要完成一个表头联动条件筛选功能. 一.开始前开始之前先去 Antd 官网看下「自定义的列筛选功能」的代 ...
antd 进行ajax请求,react+dva+antd接口调用方式
一丶安装通过 npm 安装 dva-cli 并确保版本是0.8.1或以上. $ npm install dva-cli -g $ dva -v 0.8.1 二丶创建新应用安装完dva-cli之后 ...
antd 怎么用ajax,react+dva+antd接口调用方式
一丶安装通过 npm 安装 dva-cli 并确保版本是0.8.1或以上.$ npm install dva-cli -g $ dva -v0.8.1 二丶创建新应用安装完dva-cli之后,就 ...
layui分页limit不显示_layui表格分页不生效怎么解决？
layui表格分页不生效(无法正常显示)怎么解决?下面本篇文章给大家介绍一下layui数据表格分页无法正常显示的解决方法.有一定的参考价值,有需要的朋友可以参考一下,希望对大家有所帮助. 应该先利用l ...
latex 分页_latex中多行表格分页问题
展开全部可以采用e5a48de588b63231313335323631343130323136353331333332616339跨页表格宏包longtable. 此宏包依赖于array宏包. 使 ...
Antd Table 可编辑表格
antd Table 官方文档提及了可编辑单元格.可编辑行,这里解决可编辑表格主要思路是将 antd Table 可编辑行与 antd Form.List 相结合,将Table视为 Form. ...
antd表格显示分页怎么取消_react + Ant Design 实现table表格分页和删除
首先下载 antd: npm install antd --save引入:import {Table,Tag,Space,Button } from "antd";在回调函数里定义 ...
antd表格分页控件显示英文page
antd:[2021-1-26]解决表格分页控件英文显示的问题--使用之表格与分页控件的使用: 官网描述: Table组件pagination属性描述:object为Pagination组件api的属 ...
antd Table 实现表格行固定
需求: antd Table 只有列固定和表头固定,但是我的需求是行固定前三行固定. 实现步骤方式一.表格固定行(rowClassName 实现) 思路是 :用position: sti ...

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

antd table分页,关于react的antd表格分页的问题相关推荐

最新文章

热门文章