表格

使用场景

页面编排的页面中需要使用表格进行数据显示和数据操作时，您可以使用表格组件。

使用说明

将表格拖入画布后，需要绑定一个类型为List<Structure>的变量，其中Structure为表格中每行数据对应的类型。配置表格变量的步骤既可以在表格刚拖入时进行，也可暂时跳过。把表格拖入画布后，您可以在表格的属性设置中重新对变量进行绑定和配置。

• 拖入组件时绑定表格变量。表格配置如下图，var_list_object为该表格配置的订单列表，表格每一行的数据为订单信息。绑定变量后弹窗内会显示Structure内的字段及其信息，以及它在表格里对应的列显示名称。您可根据需要在选中后拖动目标表格行的位置，或修改列显示名称。通过底部批量添加变量字段，您可对每一行数据对应的结构对象类型进行下钻，并选择对应的想要在表格中展示的字段。在弹出的配置弹窗中，第一步为配置字段。在绑定表格变量下拉框中选择目标变量（例如 var_list_object），下方列表展示已选字段的显示名称、字段名称、编码及类型等信息。可拖拽字段左侧图标调整排序，也可单击批量添加变量字段批量添加字段，完成后单击下一步进入选择布局步骤。

  您可以单击添加容器列，为表格添加容器列。表格中的容器列支持将组件或模板拖拽到列单元格中，实现自定义列内容。选中操作列后，可在右侧属性面板设置列固定方向（无/左/右）、最大展示数量，以及管理操作项（如详情），并通过添加一项+新增操作项。

• 拖入组件后再绑定表格变量：在右侧属性面板的数据设置区域，将数据来源设置为固定值，然后单击编辑数据按钮配置表格数据。主键可设置为对应字段（如 categoryId），迭代变量名默认为 item，索引变量名默认为 index。

  将表格拖入页面，单击跳过后，您可绑定所需的数据集，并进一步配置表格的其他字段。

使用示例

在低代码开发平台的表格容器-基础页面中，配置了两个表格组件。上方表格包含字符串string-快捷配置、数值01int、数值01long、日期01date、布尔01、数值01float及操作列，操作列提供回调函数--逻辑编排流和页面js链接。下方表格包含字符串string、数值01int、数值01long、数值01double、日期01date、布尔01及操作列，操作列显示编辑和查看链接。