数据表格

显示表格数据的组件，可灵活配置表格列、分页、运行时列设置等

功能演示

添加列

分页模式

表格组件默认是关闭分页模式的，此时设置数据源只需要传入数据对象数组即可，比如表格有两列——userName和email，那么通过逻辑线连接数据表格，在设置数据源操作项中就可以看到需要的数据结构：

如果打开分页模式，表格数据源数据就需要包含分页信息了：

展开行

有些数据不适合在表格行展开，可以放在行的展开内容区。只需要在表格的高级设置里打开“表格行展开”，并配置字段名和数据类型定义即可：

动态设置表头

当需要设置动态表头时，打开此项，用JS计算组件输出表头配置数据，连接到数据表格进行动态表头设置：

能输出配置数据的组件都可以作为动态表头数据来源，比如JS计算、服务接口等：

完整配置

常规

属性名称	说明
显示列名	默认打开，关闭后运行时不会显示列名
列宽分配	按比例分配多余宽度、固定列宽、按比例适配（无横向滚动条）
添加列	手动配置表格列
分页模式	开启后表格具有分页功能，设置数据源时需要携带分页信息
动态设置loading	开启后，支持通过逻辑连线设置表格为loading状态
自定义空白状态	配置空状态图片、文案
开启空状态插槽	开启后，支持在表格空状态时自定义内容
空状态配置	开启后，用于插槽的空状态配置

高级

属性名称	说明
排序事件	点击排序后触发该事件，入参为列id和order
标题区插槽	开启后，支持在表格左上角自定义内容
操作区插槽	开启后，支持在表格右上角自定义内容
列设置按钮	开启后，支持在表格右上角显示列设置按钮，可以在运行时调整展示列的顺序、固定和显隐。同时支持加入列结构变化事件
表格行展开	开启后，支持自定义行展开内容、展开收起图标
行操作	配置各种事件：行点击、单元格点击等
行合并	配置对哪些列在其行数据相同的时候进行行合并
表格数据懒加载	当表格数据太大时，可以开启此项进行优化。初始只加载部分数据，滚动条接近底部时再多加载一部分数据，直到全部数据加载完（表格需要有滚动条才能生效）
自动滚动到首行	当分页、排序、筛选变化后是否滚动到表格顶部
总结栏	开启后表格底部会出现一个可修改配置的合计栏
动态设置显示列	开启后，可以通过逻辑连线连接表格的输入项【设置显示列】，传入显示列对应的字段列表。该功能只能控制列的显示隐藏
动态设置表头	用配置数据控制表格列
动态修改列属性	开启后, 可以通过逻辑连线连接表格的输入项【修改列属性】，支持动态修改已经存在的列的显隐、标题、字段和宽度
勾选	开启后，可以进行表格勾选相关的操作。同时可以通过逻辑连线连接输入项【获取勾选数据】和【清空勾选】