全部文档

表格(批量编辑)

表格(批量编辑)是 DeepUX 中推荐使用的通用表格组件,适用于:

  • 需要在同一界面上对多行数据进行集中编辑,并通过一次【保存】操作整体提交的场景;

  • 既要支持分页、查询区域、导入导出、行按钮等列表能力,又希望后续可以扩展到更丰富的单元格样式和状态控制的场景;

  • 与业务明细表、表单、卡片等组合,在详情页中承载 1:N 子表、预算明细、配置列表等数据。

表格(批量编辑)在创建时会默认一套展示模式,视觉和交互效果与清单表基本一致,同时支持:

  • 关联对象/领域模型、DeepQL 等批量数据源,并配置分页、排序、筛选条件;

  • 配置查询区域(自动生成或手工配置),实现和清单表相同的查询体验;

  • 配置行按钮、表格按钮、跳转明细表/其他 UX 页面、联动图表等事件与动作。

对于新建页面,推荐优先使用【表格(批量编辑)】作为列表和编辑的统一承载组件。

  • 清单表为历史组件,主要用于兼容既有页面和少量依赖树形/甘特图展示样式的场景;

  • 表格(批量编辑)在列表展示、分页、查询区域、行按钮/表格按钮、跳转明细表等能力上已经覆盖清单表的主要功能,并额外支持批量编辑、单元格级操作等增强能力;

  • 新建设计中,建议:

    • 以表格(批量编辑)作为列表+编辑的统一承载控件;

    • 仅在确实需要清单表独有能力(如当前版本的树形清单)且暂未在表格(批量编辑)中实现时,保守选择清单表。

说明: 除下文标注为「差异点」的能力外,表格(批量编辑)在查询、分页、多选、导出等行为上与清单表基本一致,可参考清单表文档中的说明;本节只对差异点或界面有变化的能力做补充。

【表格(批量编辑)】,在画布、弹窗中都可以直接拖出,不再仅限于明细表。

编辑视图

将【表格(批量编辑)】拖拽至画布,选择数据源,同清单表一致(也可配置查询区域等);将此控件拖拽至明细表中,逻辑不变,与目前一致。

属性同目前子表格属性基本完全一致,预置【新增】【复制】【删除】三个表格按钮,表格按钮中新增【保存】按钮

【保存】按钮预置事件为【提交表格】

按钮样式中新增按钮位置属性,可配置按钮居于左侧还是右侧。

使用视图

使用态同目前子表格基本一致,仅右上角多出保存按钮。支持筛选及列冻结。

批量编辑表格同清单表一样,支持对表格数据进行条件筛选、关键词搜索和排序,帮助用户快速定位、整理和分析数据。 注意这些搜索筛选均为后端操作,会触发整个页面的刷新。

列字段支持排序:

批量编辑支持分页。通过分页减少单次加载数据量,提升页面响应速度,避免卡顿。切换时将提示保存数据。

允许用户在表格或列表中同时选择多行数据,支持通过 复选框(Checkbox)、鼠标选中 或 shift选中多行 快捷键 进行批量操作,适用于需要对多条记录执行相同动作的场景。

允许用户将表格内容扩展至整个屏幕显示,隐藏其他界面元素,提供更专注的数据浏览和编辑体验。

核心价值:

  • 无干扰环境:隐藏无关元素,提供沉浸式操作体验;

  • 高效浏览:扩大可视区域,减少滚动操作,快速定位数据;

  • 演示友好:全屏展示数据,确保信息清晰传达。

支持将表格中展示的模型数据按编码或描述导出,确保导出的数据与界面显示一致。

展示数据:

导出数据:

例如:列字段 source如果是OR,enddate默认值为2099-12-31。通过此功能,用户可高效完成数据修改,同时确保系统数据的准确性和可追溯性。

配置如下:列字段source中配置值改变事件-表格当前行值修改。

使用效果如下:

表格(批量编辑),选中单元格,右下角展示为空计数、非空计数、求和、平均值。

使用场景:

  • 数据清洗与校验:快速检查表格中的空值占比(如缺失数据统计);

  • 报表分析:即时汇总关键指标(如销售额总和、平均客单价);

  • 数据录入审核:核对填写完整性(如统计已填/未填的表单字段)。

支持跨列选择,如果跨列,就将多列的结果简单相加。计算逻辑如下:

文本列

数据列

结果

为空计数

1

1

非空计数

2

20

22

求和

N/A

1000

1000

平均值

N/A

50

50

回到顶部

咨询热线

400-821-9199

我们使用 ChatGPT,基于文档中心的内容以及对话上下文回答您的问题。

ctrl+Enter to send