概述
展示与编辑多条记录,例如展示多条订单记录中的订单编号、售出商品、订单金额等,并且支持新增、编辑、删除记录,对于这样的场景可以使用数据表格组件。
数据表格组件与表格容器组件的区别:
注意:下文中的应用页面仅为功能示意图,页面样式以当前版本为准
组件 | 数据表格 | 表格容器 |
数据源 | 当前仅支持「对象」类型数据源 | 支持对象、数据集、自定义查询类型数据源 |
自定义列 | 仅支持绑定「对象-字段」的列,不支持自定义列 250px|700px|reset | 支持自定列,满足复杂表格搭建场景 250px|700px|reset |
表格嵌套 | 不支持表格嵌套,仅支持单层表格 | 支持表格嵌套,满足嵌套表格搭建场景 250px|700px|reset |
筛选、排序、搜索、导出 | 均为内置功能,配置简单便捷 250px|700px|reset | 除表头排序,均需独立配置 |
原位编辑:原位置快捷编辑字段内容 | 支持 点击表头字段,可开启原位编辑 250px|700px|reset | 不支持 |
使用说明
(一)配置属性
属性 | 配置说明 |
对象 | 数据表格所展示内容所属数据源 |
过滤条件 | 增加过滤条件,筛选出想要展示的目标数据 |
排序条件 | 增加排序条件,规定目标数据的展示顺序 |
表头字段 | 定义数据表格中需要展示的字段 250px|700px|reset 250px|700px|reset 展示字段之间支持调整顺序 |
表头字段(单个字段设置) | 支持展示字段列进行详细设置:
250px|700px|reset |
行按钮 | 平铺按钮:单行最多支持设置 4 个平铺按钮
250px|700px|reset 250px|700px|reset 折叠按钮:点击「···」后唤起折叠按钮
|
顶部按钮 |
250px|700px|reset |
批量选择操作 | 开启后,支持终端用户选中多条记录,执行操作 250px|700px|reset |
指标卡 | 在表格上方添加指标卡,点击指标卡后和表格联动 250px|700px|reset 250px|700px|reset |
表格功能-筛选 | 支持标准筛选和侧栏筛选两种形式的筛选功能 标准筛选 250px|700px|reset 250px|700px|reset 侧栏筛选 |
表格功能-搜索 | 对象-设置中设置可搜索字段 250px|700px|reset 250px|700px|reset 终端用户支持对表格内容进行搜索 |
表格功能-排序 | 支持对表格字段进行排序 250px|700px|reset |
表格功能-导出 | 支持导出当前数据表格展示的记录 |
表格功能-自定义表头 | 支持终端用户重新定义字段是否展示、展示顺序和是否为冻结列 |
分页器 | 支持设置表格单页展示记录数 |
多端适配设置 | 支持定义该数据表格组件是否在桌面端/移动端展示 |
ID | 列表容器组件的唯一标识 |
- 数据表格暴露的变量
变量 | 说明 |
当前行 | 当前这一行的上下文
250px|700px|reset |
点击的行 | 点击某一个行时,将会更新该变量
250px|700px|reset |
选中的行 | 终端用户勾选的多条记录
250px|700px|reset |
(二)样式设计
支持对整个数据表格组件的尺寸、间距、位置、背景、边框和阴影样式进行设置
(三)配置事件