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

Description

🐛 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

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions