Skip to content
This repository has been archived by the owner on Mar 2, 2022. It is now read-only.

🐛[BUG]pro-table的search表单,如果有多行的情况,并且第一行有一个字段占据了2,则操作按钮被挤到第二行。 #750

Open
fayeah opened this issue Aug 18, 2021 · 0 comments

Comments

@fayeah
Copy link

fayeah commented Aug 18, 2021

🐛 bug 描述 [详细地描述 bug,让大家都能理解]

使用了pro-table这个ui库,在用search表单的时候,有个字段需要设置为占据2行:colSize: 2,然后表单本身有多行,在最初折叠的情况下,操作按钮被下移到第二行,比较占用空间。如果不设置colSize: 2,操作按钮是在第一行没有问题的。

📷 复现步骤 [清晰描述复现步骤,让别人也能看到问题]

引入pro-table,使用该组件,对某个搜索字段设置为colSize: 2,此时查询操作按钮下移。

🏞 期望结果 [描述你原本期望看到的结果]

操作按钮被下移,而期望操作按钮还在第一行。

💻 复现代码 [提供可复现的代码,仓库,或线上示例]

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,
        }}
      />

© 版本信息

  • Ant Table 版本: 2.40.1
  • umi 版本: 无
  • 浏览器环境:chrome
  • 开发环境 : mac OS

🚑 其他信息 [如截图等其他信息可以贴在这里]

WeChatWorkScreenshot_04031542-0b58-4bab-86d9-aae6bf22ce3d

Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Labels
None yet
Projects
None yet
Development

No branches or pull requests

1 participant