码迷,mamicode.com
首页 > 其他好文 > 详细

ant design 中的table中的分页

时间:2019-09-29 19:32:27      阅读:570      评论:0      收藏:0      [点我收藏+]

标签:nbsp   show   pat   base   一个   ons   protect   turn   hang   

 <Row>  {base ? <Table columns={base.columns} dataSource={base.data} style={{ marginTop: 10 }} pagination={{
                  simple:false,
                  current:basePagination.current,
                  total:basePagination.total,
                  pageSizeOptions:[‘10‘,‘20‘,‘30‘,‘40‘,‘50‘],
                  showSizeChanger:true,
                  pageSize:basePagination.pageSize,
                  showTotal: (count=basePagination.total)=>{
                    return ‘共‘+count+‘条数据‘
                  },
                  //onChange:ChangePage(),
                  onChange:(current,pageSize)=>{
                    onBaseClick(current,pageSize)
                  }
                }}/> : <Empty />} </Row>

调用的方法(分页点击的):

function onBaseClick(current,pageSize){
    dispatch({
      type: "customerProtectLog/queryBase",
      payload: {
        current:current,
        pageSize:pageSize
      }
    })
  }

 

这个只是一个table的展示,其中这里面自己遇到的问题有:

1、pageSizeOptions不显示,这个可以看官网,数组是字符串数组,所以参数要传正确

2、还有就是方法onChange,这里遇到的问题是注释掉的代码,调用这个会持续请求后端接口    结果浏览器卡住。。。

3、注意自己调用参数的顺序,这都是坑   

ant design 中的table中的分页

标签:nbsp   show   pat   base   一个   ons   protect   turn   hang   

原文地址:https://www.cnblogs.com/notchangeworld/p/11609392.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!