const columns: ProColumns<any>[] = [
{
title: 'aa',
colSize: 2,
},
{
title: 'b',
},
{
title: 'c',
},
{
title: 'd',
},
{
title: 'e',
},
{
title: 'f',
},
{
title: 'g',
},
{
title: 'h',
},
];
<ProTable<TJob>
columns={columns}
editable={{
type: 'multiple',
}}
rowKey="name"
search={{
span: 4,
labelWidth: 'auto',
collapseRender: collapsed => (
<>{collapsed ? <DownOutlined /> : <UpOutlined />}</>
),
className: styles.searchContainer,
}}
/>
🐛 bug 描述 [详细地描述 bug,让大家都能理解]
使用了
pro-table这个ui库,在用search表单的时候,有个字段需要设置为占据2行:colSize: 2,然后表单本身有多行,在最初折叠的情况下,操作按钮被下移到第二行,比较占用空间。如果不设置colSize: 2,操作按钮是在第一行没有问题的。📷 复现步骤 [清晰描述复现步骤,让别人也能看到问题]
引入
pro-table,使用该组件,对某个搜索字段设置为colSize: 2,此时查询操作按钮下移。🏞 期望结果 [描述你原本期望看到的结果]
操作按钮被下移,而期望操作按钮还在第一行。
💻 复现代码 [提供可复现的代码,仓库,或线上示例]
© 版本信息
🚑 其他信息 [如截图等其他信息可以贴在这里]