antd - 分页Pagination

   <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);
        
        }
    }

©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

友情链接更多精彩内容