在ProForm下不设置grid = true的情况下 使用ProFormList怎么和 ProForm下的其他表单项对齐？

[kelisiWu123]

在ProForm下不设置grid = true的情况下 使用ProFormList怎么和 ProForm下的其他表单项对齐？

[dosubot[bot]]

ProFormList 在不设置 grid=true 的情况下，确实无法像普通 ProForm 表单项那样自动对齐。社区和维护者建议的常用做法有：

1. 给 ProFormList 传递 wrapperCol、containerStyle、containerClassName 等 props，手动调整和其他表单项的对齐方式（比如设置 margin、padding、宽度等）；
2. 用 itemRender 或 itemContainerRender 包裹每一行，比如用 Ant Design 的 Row 组件包裹，模拟 grid 布局的效果；
3. 也可以给 ProFormList 内部的每个 ProForm.Item 单独传递 layout/wrapperCol，保证 label 和内容对齐（虽然写法繁琐，但可用）。

示例代码（用 Row 包裹每一行）：

<ProFormList
  name="list"
  label="列表"
  itemContainerRender={dom => (
    <Row gutter={8} style={{ marginBottom: 8 }}>
      {dom}
    </Row>
  )}
  containerStyle={{ marginBottom: 24 }}
>
  <ProFormText name="field" label="字段" />
</ProFormList>

或者直接设置 containerClassName：

<ProFormList
  name="list"
  label="列表"
  containerClassName="ant-row"
>
  <ProFormText name="field" label="字段" />
</ProFormList>

注意：这些方法只是视觉上对齐，底层没有官方一键式方案，属于社区常用 workaround。更多讨论和代码示例可以参考 相关 issue1 和 issue2。

To reply, just mention @dosu.

---

^{How did I do? Good | Irrelevant | Incorrect | Verbose | Hallucination | Report 🐛 | Other}