pro-components
pro-components copied to clipboard
为什么ProTable的search里的submitterColSpanProps里的span属性一定要number类型?
提问前先看看:
https://github.com/ryanhanwu/How-To-Ask-Questions-The-Smart-Way/blob/main/README-zh_CN.md
🧐 问题描述
submitterColSpanProps的span设置为number类型后,当页面宽度比较小的时候并在submit区域添加多一个按钮后,submit区域就有可能超出页面
💻 示例代码
submit区域有可能超出页面
search={{
layout: "horizontal",
optionRender: (searchConfig, props, dom) => [
...dom,
<Divider key={"divider"} type="vertical" />,
<AddCompany key={"addCompany"} onSuccess={onSuccess} />,
],
labelWidth: "auto",
collapseRender: false,
collapsed: false,
submitterColSpanProps: { span: 8, flex: "auto" },
}}
submit区域可以正常换行
search={{
layout: "horizontal",
optionRender: (searchConfig, props, dom) => [
...dom,
<Divider key={"divider"} type="vertical" />,
<AddCompany key={"addCompany"} onSuccess={onSuccess} />,
],
labelWidth: "auto",
collapseRender: false,
collapsed: false,
submitterColSpanProps: { span: "auto" as unknown as number, flex: "auto" },
}}
🚑 其他信息
类型定义
span设置为number超出页面
span设置为auto正常显示