💎表格布局【PRO】
# 布局组件使用文档
# 注意事项
- 本组件为纯布局组件,无法在流程条件中引用。
- 本组件仅用于页面布局,其内部所含的表单控件与外部表单控件不可重复使用。
- 移动端不支持本组件的多列布局效果,所有内容将按照从左到右、从上到下的顺序依次平铺显示。
# 布局示例
下图展示了组件的典型配置界面及效果:


# 表格合并操作(以向右合并为例)
进行单元格合并时,需满足以下条件:
- 当前表单右侧必须存在相邻的表格。
- 右侧相邻表格中不能包含任何表单控件(即为空单元格)。
- 右侧相邻表格的列数必须一致。
- 合并的行号范围必须完全匹配:例如,当前表单占据第 2~3 行,则右侧待合并的表格也必须占据第 2~3 行,不能是 (1,2) 或 (3,4) 等错位范围。
# 列操作规则
# 向右添加列
- 约束:当前表单上方或下方的所有表格,其列号不得大于表单的列号范围。
- 示例:若表单占据第 2~3 列,则其它行的表格列号不能出现 4。
# 向左添加列
- 约束:当前表单上方或下方的所有表格,其列号不得小于表单的列号范围。
- 示例:若表单占据第 2~3 列,则其它行的表格列号不能出现 1。
# 删除列
- 约束:当前表单上方或下方的所有表格,其列号不得超出表单的列号范围。
- 示例:若表单占据第 2~3 列,则其它行的表格列号不能出现 1 或 4。
# 行操作规则
# 向上添加行
- 约束:当前表单左右两侧的所有表格,其行号不得小于表单的行号范围。
- 示例:若表单占据第 2~3 行,则其它列的表格行号不能出现 1。
# 向下添加行
- 约束:当前表单左右两侧的所有表格,其行号不得大于表单的行号范围。
- 示例:若表单占据第 2~3 行,则其它列的表格行号不能出现 4。
# 删除行
- 约束:当前表单左右两侧的所有表格,其行号不得超出表单的行号范围。
- 示例:若表单占据第 2~3 行,则其它列的表格行号不能出现 1 或 4。
# 列宽度比例设置
支持为每一列独立设置宽度比例,仅支持整数。
- 计算方式:各列宽度 = 该列比例值 / 所有列比例值之和。
- 示例:
- 共 3 列,分别设置比例为
1, 2, 3。 - 总份数 = 1 + 2 + 3 = 6。
- 第一列宽度 = 1/6,第二列 = 2/6,第三列 = 3/6。
比例值之和无需等于特定数值,系统会自动按总和进行百分比换算。