首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >用于antd表的分页道具

用于antd表的分页道具
EN

Stack Overflow用户
提问于 2018-03-10 16:29:19
回答 2查看 10.7K关注 0票数 7

我使用的是antd库中的Table组件。我想将分页属性传递给Table组件。在文档中,它说传递分页配置对象,该对象引用分页组件本身。

因此,我使用分页组件属性名称作为键来传递分页对象,比如<Table pagination={{pageSizeOptions : ['30', '40'], showPageSizeOptions : true}} {...otherProps} />

但是当我在react-inspector中检查Table组件时,我在组件属性中看不到分页属性,但是它在组件状态中,并且有默认值。

如何使用表格组件的分页道具?

EN

回答 2

Stack Overflow用户

发布于 2018-09-17 19:24:00

将"showPageSizeOptions“改为"showSizeChanger”。

代码语言:javascript
运行
复制
<Table pagination= { {pageSizeOptions: ['30', '40'], showSizeChanger: true}} rowSelection={rowSelection} columns={columns} dataSource={data} />
票数 10
EN

Stack Overflow用户

发布于 2018-03-10 19:58:50

创建分页配置对象并将其与对象扩展语法一起使用成功了!

config = { pagination : { pageSizeOptions : ['30', '40'], showSizeChanger : true } }

<Table {...config} {...otherProps} />

它工作了,但不理解为什么,以及两种语法的两种语义之间的区别。

票数 2
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/49206995

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档