ant-design table 分页(tableProps)

From: https://www.cnblogs.com/crazycode2/p/9704382.html

1.布局

1

2

3

4

5

6

7

8

9

10

11

12

13

14

<Table

  dataSource={this.state.tableDetailList}

  scroll={{ y: '200px' }}

  style={{tableLayout: 'fixed'}}

  pagination={{ pageSize: 12 }}

  columns={columns1}

  rowKey={record => record.restId}

  pagination={{  // 分页

    simple: true,

    current: this.state.current,

    total: this.state.total2,

    onChange: this.changePage,

  }}

/>

2.逻辑

1

2

3

4

5

6

7

8

9

10

11

12

13

changePage = (page) => {

  this.setState({

    current: page,

  }, () => {

    let param = JSON.parse(JSON.stringify(this.state.param))

    param = {

      ...param,

      pageNum: this.state.current,

      pageSize: 10,

    }

    this.getActivityRestDetailList(param)

  })

}

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/402443.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

pyramid新建项目

2019独角兽企业重金招聘Python工程师标准>>> 例子&#xff1a;本项目在D盘 (1) C&#xff1a;\Users\Adminstrator>D: #进入到D盘 (2) D:>mkdir test #新建目录test (3) D&#xff1a;\cd test #进入test目录 (4) D:\test>pcreate -s starter myproject #新…

Linux环境下段错误的产生原因及调试方法小结

LZ看到一篇关于Linux环境段错误的产生原因的文章&#xff0c;感觉不错&#xff0c;但不是C博客里面&#xff0c;不知如何转载&#xff0c;这里转贴过来&#xff0c;感谢原博主&#xff0c;文章如下: Linux环境下段错误的产生原因及调试方法小结 1. 段错误是什么 一句话来说&am…

【BZOJ3036】绿豆蛙的归宿 拓补排序+概率

【BZOJ3036】绿豆蛙的归宿 Description 随着新版百度空间的下线&#xff0c;Blog宠物绿豆蛙完成了它的使命&#xff0c;去寻找它新的归宿。 给出一个有向无环的连通图&#xff0c;起点为1终点为N&#xff0c;每条边都有一个长度。绿豆蛙从起点出发&#xff0c;走向终点。到达每…

cnpm与npm的区别

From: https://blog.csdn.net/chi1130/article/details/72773278 npm介绍 说明&#xff1a;npm&#xff08;node package manager&#xff09;是nodejs的包管理器&#xff0c;用于node插件管理&#xff08;包括安装、卸载、管理依赖等&#xff09; 使用npm安装插件&#xff1…

Linux C 学习 单向链表

最近从Linux C数据结构和算法学起&#xff0c;下面是一个单向链表的写法&#xff0c;代码如下&#xff1a; [cpp] view plaincopy #include <stdio.h> #include <malloc.h> int n0; typedef struct code { int data; struct code *next; }Li…

《C专家编程》第二章——这不是Bug,而是语言特性

无论一门语言有多么流行或多么优秀&#xff0c;它总是存在一些问题&#xff0c;&#xff23;语言也不例外。本章讨论的重点是&#xff23;语言本身存在的问题&#xff0c;作者煞费苦心的用一个太空任务和软件的故事开头&#xff0c;也用另一个太空任务和软件的故事结尾&#xf…

数组与指针的恩怨

1、数组的本质 &#xff08;1&#xff09;、一种构造类型&#xff0c;&#xff08;2&#xff09;、相同类型的连续分配内存&#xff0c;&#xff08;3&#xff09;、数组的大小为sizeof(type)*array_size&#xff08;模子type[ ]大小&#xff09;,&#xff08;4&#xff09;、数…

path.join 和 path.resolve的区别

path.join path.join() 方法使用平台特定的分隔符把全部给定的 path 片段连接到一起&#xff0c;并规范化生成的路径。 path.join([...paths]);...paths string类型 path.join(__dirname, ./02art-template.js); // C:\Users\liangliang17\Desktop\Node_study\Node\5.path\02…

[转载]如何将Putty生成的PrivateKey转换为SecureCRT所需的PublicKey

为什么80%的码农都做不了架构师&#xff1f;>>> 首先说明&#xff0c;标题不一定准确&#xff0c;因为盆地并未详细了解清楚这里的公钥、私钥机制&#xff0c;只是根据以前的印象有个大概的理解&#xff0c;且最终以解决问题为主要目的&#xff0c;并未深究。标题的…

Linux c 算法与数据结构--双向链表

链表是linux c中非常重要的数据结构&#xff0c;双向链表与单向链表的区别&#xff0c;是它每个节点有两个指针域&#xff0c;分别指向该节点的前一个节点与后一个节点&#xff1b; 而链表的操作主要是查询、插入、删除、遍历等&#xff0c;下面来看一个双向链表&#xff0c;主…

执行shell出现bad interpreter

执行shell出现bad interpreter:No such file or directory linux执行shell出现bad interpreter:No such file or directory的原因是文件格式的问题。这个文件是在Windows下编写的。换行的方式与Unix不一样&#xff0c;但是在VI下面如果不Set一下又完全看不出来。 解决方法&…

exports、module.exports和export、export default到底是咋回事

前言 难得有空&#xff0c;今天开始重新规范的学习一下node编程。 但是引入模块我看到用 require的方式&#xff0c;再联想到咱们的ES6各种export 、export default。 阿西吧&#xff0c;头都大了.... 头大完了&#xff0c;那我们坐下先理理他们的使用范围。 require: node …

linux自动备份网站和数据库,到另外服务器上,为当前用户创建定时任务

2019独角兽企业重金招聘Python工程师标准>>> 两台服务器111&#xff0c;和117服务器,每天完成111服务器上网站和数据库自动备份到117服务器上 1&#xff1a;我的111服务器上是当前用户&#xff1a;sx A: 查看当前用户的计划任务&#xff1a;crontab -l是查看当前…

自定义控件三部曲之动画篇(一)——alpha、scale、translate、rotate、set的xml属性及用法...

前言&#xff1a;这几天做客户回访&#xff0c;感触很大&#xff0c;用户只要是留反馈信息&#xff0c;总是一种恨铁不成钢的心态&#xff0c;想用你的app&#xff0c;却是因为你的技术问题&#xff0c;让他们不得不放弃&#xff0c;而你一个回访电话却让他们尽释前嫌&#xff…

Linux c 算法与数据结构--栈

前段时间写了双向链表&#xff0c;现在写个栈&#xff0c;写之前&#xff0c;先简单介绍链表 队列  栈的区别&#xff1a; 链表&#xff0c;队列&#xff0c;堆栈的区别 1、栈是个有底的口袋&#xff0c;像袜子。 队列是没底的口袋&#xff0c;像通心粉。 所以&#xff1a;栈…

关于sass(scss)、less、postcss、stylus等的用法与区别

一. Sass/Scss、Less、stylus是什么? 它们都是css预处理器。css预处理器的概念&#xff1a;CSS预处理器用一种专门的编程语言&#xff0c;进行Web页面样式设计&#xff0c;然后再编译成正常的CSS文件&#xff0c;以供项目使用。CSS预处理器为CSS增加一些编程的特性&#xff0…

计算机点滴

CD&#xff0c;VCD&#xff0c;DVD的区别CD:纯音乐 VCD&#xff1a;影视初级光盘 DVD&#xff1a;高清晰影视光盘 EVD&#xff1a;高清晰数码影视 MPEG4&#xff1a;压缩高密影视光盘 MP3&#xff1a;压缩纯音乐1.容量大小不同&#xff1a;DVD可以装更多的内容。CD与DVD差别在于…

Linux C 算法与数据结构 --二叉树

头文件BiTree.h [cpp] view plaincopy typedef int Item; typedef struct node { struct node * lchild; struct node * rchild; Item data; }BiTNode,*BiTree; /*构造一棵新的二叉树*/ BiTree InitBiTree(BiTNode *root); /*生成节点*/ …

Spring 实现数据库读写分离

Spring 实现数据库读写分离 现在大型的电子商务系统&#xff0c;在数据库层面大都采用读写分离技术&#xff0c;就是一个Master数据库&#xff0c;多个Slave数据库。Master库负责数据更新和实时数据查询&#xff0c;Slave库当然负责非实时数据查询。因为在实际的应用中&#xf…

vue 3.x 中使用ele-image时相对路径的图片加载失败

参考文档&#xff1a; https://element.eleme.cn/#/zh-CN/component/installation 环境: Mac OS X 10.12 [zcmele 2]$node -v v12.6.0 [zcmele 3]$npm -v 6.9.0 [zcmele 4]$cnpm -v cnpm6.1.0 (/usr/local/lib/node_modules/cnpm/lib/parse_argv.js) npm6.10.2 (/usr/local/li…