1. 简介
1.1 功能简介
明细表字段用于展示数据的详细记录,并允许用户对数据进行灵活的管理和查看。此字段支持自定义展示字段、设置展示样式、定义数据的只读条件和删除条件等功能,以满足不同业务场景的需求。
1.2 应用场景
明细表字段适用于以下场景:
- 客户管理:在客户信息管理系统中展示客户的详细信息记录。
- 订单处理:在订单系统中展示每个订单的详细条目,便于进行后续处理。
- 库存管理:在库存管理系统中展示每种产品的详细库存记录。
- 项目管理:在项目管理系统中展示每个项目任务的详细信息。
2. 设置方法
2.1 字段属性设置
2.1.1 明细表内字段
点击「+添加字段」可快速在明细表中增加不同类型的字段,无需在左侧组件区域一个一个的拖入到明细表中。
![]() |
|---|
增加完字段之后,点击字段可以编辑字段的字段属性,编辑完成之后,点击上方的「完成」,即可返回明细表的字段属性。
![]() |
|---|
2.1.2 数据在列表中展示样式
调整明细表在列表中的展示样式,以适应不同的需求:
- 弹窗显示:明细表在列表中只显示内部数据条数,不显示明细表内部字段,点击之后以弹窗的形式展示详细内容。
- 显示全部数据:明细表在列表中全部展开显示,当 明细表数据过多 的时候,不建议使用此展示方式,会导致列表数据加载过慢。
![]() |
|---|
2.1.3 字段只读条件设置
设置字段的只读条件,以控制哪些字段在满足特定情况下不可编辑,防止数据被修改。
![]() |
|---|
2.1.4 数据删除条件设置
对于一些数据不想被删除,或者是防止编辑的时候误删除,设定具体的删除条件,不满足条件的数据不可以删除,以确保数据删除的规则符合业务需求。
![]() |
|---|
2.1.5 明细表展示样式
- 电脑端:只有一种展示方式,无需设置。
- 移动端:可设置横向、纵向展示;横向展示目前只有在明细表是 只读 模式下起作用。
移动端横向展示的时候,可以左右滑动查看数据,点击行可在弹窗中上下翻页查看数据。
![]() |
|---|
2.1.6 合并
当表格中存在大量重复数据时,合并这些相同的数据可以使表格看起来更加简洁明了,从而更容易阅读和理解。
![]() |
|---|
2.1.7 分组
对于包含大量数据的表格,通过分组可以将相同类别的数据项归类在一起,使得数据的组织结构更加清晰,避免信息过载,容易聚焦于关键信息,便于用户快速定位和理解信息。
![]() |
|---|
分组字段可以设置多个,达到多层级显示,效果如下图:
![]() |
|---|
当有的数据的分组字段没有值,默认会有一个空分组进行展示;如果不想要这种空分组,可以选择去掉,让这类数据平铺展示到最下方。
![]() |
|---|
2.1.8 数据排序方式
当数据量较大时,可以启用排序功能,排序后的数据更易于阅读和理解,有序的数据能帮助用户更快地找到所需信息。通过排序,可以更好地呈现数据的趋势和模式,例如按时间顺序排列的数据可以帮助识别时间序列中的变化。
![]() |
|---|
2.1.9 冻结列
冻结列能够将工作表中的特定列固定在屏幕上,即使滚动到其他区域,这部分内容也会保持可见。这在处理包含大量数据的明细表时尤为重要,因为可以始终看到关键的标题列,而无需频繁滚动页面去寻找它们。
![]() |
|---|
3. 其他操作
3.1 行高调整
当字段内容过多想获得更好的展示效果,可以调整明细表的行高。
![]() |
|---|
3.2 Tab键切换单元格
特别借鉴了Excel的单元格切换逻辑。在明细表编辑模式下,您只需按下键盘上的Tab键,即可快速切换到下一个单元格,无需再使用鼠标点击。
![]() |
|---|
4. 注意事项
1)一个明细表最多添加2000行数据,数据超出会导致页面卡顿。
2)明细表的快速添加数据操作操作参见: 快速添加数据













