使用场景
页面编排的页面中需要使用表格进行数据显示和数据操作时,您可以使用表格组件。
使用说明
将表格拖入画布后,需要绑定一个类型为List<Structure>的变量,其中Structure为表格中每行数据对应的类型。配置表格变量的步骤既可以在表格刚拖入时进行,也可暂时跳过。把表格拖入画布后,您可以在表格的属性设置中重新对变量进行绑定和配置。
拖入组件时绑定表格变量。表格配置如下图,
var_list_object
为该表格配置的订单列表,表格每一行的数据为订单信息。绑定变量后弹窗内会显示Structure内的字段及其信息,以及它在表格里对应的列显示名称。您可根据需要在选中后拖动目标表格行的位置,或修改列显示名称。通过底部批量添加变量字段,您可对每一行数据对应的结构对象类型进行下钻,并选择对应的想要在表格中展示的字段。您可以单击添加容器列,为表格添加容器列。
拖入组件后再绑定表格变量:
将表格拖入页面,单击跳过后,您可绑定所需的数据集,并进一步配置表格的其他字段。
配置项 | 说明 |
数据(绑定变量) |
|
风格和样式 | 支持设置表格的奇数行和偶数行是否显示不同的颜色,以及是否显示表头等。 |
分页设置 | 表格支持前后翻页,对表格底部的分页栏样式进行自定义配置。 |
行选择器 |
|
操作列 | 对表格中每行数据能够进行的操作,每项操作都支持配置对应的动作。 |
使用示例
分页设置、行选择器为默认设置。操作列中增加详情操作项,支持单击查看选中行的订单详情。
轻应用部署后效果示例如下图所示。