antd表格布局labelCol、wrapperCol

Simoon / 2024-09-02 / 原文

行宽为24,可以使用Row和Col来改变布局

const formItemLayout = {
  labelCol: { span: 3 }, // 控制 label 宽度
  wrapperCol: { span: 8 }, // 控制 input 宽度
};

 

 <Form
labelAlign="left"
layout="horizontal"
form={form}
{...formItemLayout}
style={{ position: 'relative' }}>