美文网首页
antd - 分页Pagination

antd - 分页Pagination

作者: 大眼巷丫 | 来源:发表于2021-12-01 11:16 被阅读0次
       <Pagination {...paginationProps} />
    
        const paginationProps = {
            showQuickJumper: {
                goButton: <Button>确定</Button>,
            },
           pageSizeOptions:['10','20','50','80'],  //指定每页可以显示多少条
            showSizeChanger: true,    //显示(切换每页多少条)
            hideOnSinglePage: (Number(total) === 0),   //只有一页时是否隐藏分页器
            pageSize: Number(pagein.rowsperpage),
            current: Number(pagein.currentpagenum) || 1,
            total: Number(total),
            showTotal: total => `${pagein.rowsperpage}条/页 共 ${total} 条`,
            onChange(page, pageSize) { //点击页面刷新数据
                console.log(page, pageSize);
            
            },
            onShowSizeChange(page, pageSize) {  //点击每页多少条刷新数据
                console.log(page, pageSize);
            
            }
        }
    
    

    相关文章

      网友评论

          本文标题:antd - 分页Pagination

          本文链接:https://www.haomeiwen.com/subject/ialsxrtx.html