React antd search Form And Table List

export const LayoutData = {
  rowGutter: { gutter: { xs: 8, sm: 16, md: 16, lg: 16, xl: 16, xxl: 24 }},
  colSpan: {
    xs: { span: 22 },
    sm: { span: 20 },
    md: { span: 12 },
    lg: { span: 12 },
    xl: { span: 8 },
    xxl: { span: 6 }
  },
  formItem: {
    labelCol: {
      xs: { span: 8 },
      sm: { span: 8 },
      md: { span: 8 },
      lg: { span: 8 },
      xl: { span: 8 },
      xxl: { span: 8 }
    },
    wrapperCol: {
      xs: { span: 16 },
      sm: { span: 16 },
      md: { span: 16 },
      lg: { span: 16 },
      xl: { span: 16 },
      xxl: { span: 16 }
    }
  }
}

Table

tableLayout="fixed"
className={styles.table}
scroll={{ x: width + 10 }}