当子表单放置过多的字段组件后,所有字段组件宽度之和大于表单宽度,则会换行显示导致布局错位,这时候可以通过添加自定义CSS样式,让子表单显示水平滚动条。

1. 添加表单CSS样式

image.png
上述代码复制文本如下:

  1. .sub-form-x-scroll {
  2. overflow-x: auto;
  3. }
  4. .sub-form-x-scroll .header-row, .sub-form-x-scroll .sub-form-row {
  5. width: 1600px; /* 根据子表单内嵌字段数量,可酌情调整 */
  6. }

2. 在子表单上应用自定义样式

image.png

3. 最终效果

image.png