枢搭云帮助中心

效果与作用

栅格布局用于把表单区域拆分成多列，让多个字段按列排列。它本身不保存业务数据，主要用于优化页面结构和填写体验。字段较多时，通过栅格布局可以减少页面纵向长度，让基础信息、联系信息、金额信息等内容更整齐地展示。

配置项

属性面板可以设置「列数」「列间距」「行间距」。列数决定容器横向分成几列；列间距控制同一行不同列之间的距离；行间距控制多行内容之间的距离。配置后，可以把字段拖入栅格布局中的不同列位。

栅格中的字段仍保留各自的字段配置，例如标签、必填、默认值、隐藏字段等。栅格只负责布局，不改变字段的数据类型和保存方式。

应用场景

栅格布局适合基础资料区、联系人信息区、金额与数量区等短字段较多的区域。例如把姓名和手机号放在同一行，把省市区和详细地址附近字段组合展示，把金额、税率、总价排成一组。

注意事项

不要为了追求紧凑把过多长字段塞进同一行，多行文本、富文本、上传、子表单等组件通常更适合单独占用整行。移动端屏幕较窄时，多列布局可能会按响应式方式重新排列，设计时应同时考虑手机填写体验。栅格只是视觉容器，不能替代分组、权限或数据关系配置。