💎表格布局【PRO】

# 布局组件使用文档

# 注意事项

  1. 本组件为纯布局组件,无法在流程条件中引用
  2. 本组件仅用于页面布局,其内部所含的表单控件与外部表单控件不可重复使用。
  3. 移动端不支持本组件的多列布局效果,所有内容将按照从左到右、从上到下的顺序依次平铺显示。

# 布局示例

下图展示了组件的典型配置界面及效果:

布局配置示例1

布局配置示例2


# 表格合并操作(以向右合并为例)

进行单元格合并时,需满足以下条件:

  1. 当前表单右侧必须存在相邻的表格
  2. 右侧相邻表格中不能包含任何表单控件(即为空单元格)。
  3. 右侧相邻表格的列数必须一致
  4. 合并的行号范围必须完全匹配:例如,当前表单占据第 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。

比例值之和无需等于特定数值,系统会自动按总和进行百分比换算。