全部产品

表格

表格组件以表格形式展示数据。本文介绍表格组件的详细配置方法。

步骤一:添加组件

  1. 创建移动应用。具体操作,请参见创建移动应用

  2. 在移动应用编辑器中,单击最左侧的组件图标组件

  3. (可选)添加分栏组件,进行应用页面布局设置。具体操作,请参见横向分栏和纵向分栏

  4. 在画布左侧组件列表上方,在搜索框中输入表格,找到该组件,然后将组件拖拽到中间画布。

    有关添加组件的更多信息,请参见添加组件

    表格组件

步骤二:配置数据源

  1. 在移动应用编辑器右侧样式中,单击展示数据后的配置数据源

  2. 在展开的数据源配置页面,完成数据源配置。

    可选数据源类型有接口数据表资源静态数据应用推送

  3. 单击确定,完成配置。

    数据展示页签左侧数据源显示已配置的数据源名称,维度度量显示从数据源中自动解析的属性字段。

    说明

    数据源属性字段匹配规则:

    • 维度:布尔型、字符型、时间型字段。

    • 度量:数值型字段。

  4. (可选)单击左上角数据表,查看已配置数据源的所有数据信息。

步骤三:配置数据展示

数据展示页签,设置表格展示数据和样式,如图所示。

表格数据展示
  1. 根据实际需求,从维度或度量下拖拽需要展示的字段到数据字段框。

    说明

    您可通过拖拽数据字段框中的字段调整数据显示顺序,即表格显示列的顺序。

  2. (可选)在数据字段框,单击字段三角入口,执行以下操作。

    操作入口

    操作项

    说明

    筛选器

    添加字段到筛选器,作为筛选项根据该字段配置条件过滤展示数据。最多支持添加10个筛选器。 您也可从左侧维度或度量中,单击字段三角入口,添加字段到筛选器

    注意

    只有当组件数据源类型为数据表资源时,才支持该功能。 更多信息,请参见筛选器配置

    颜色标记

    设置度量字段不同条件下的数据需要标记的颜色。支持配置不同的度量字段数据为相同或不同颜色。

    在页面右侧属性页签,显示已标记的字段,支持重新编辑和删除。

    设置显示名

    编辑字段的显示名称。

  3. 数据展示页签右侧,单击样式,设置组件展示样式。

    配置项

    说明

    全局样式

    设置字体和背景颜色。

    导出数据入口

    设置是否显示表格数据的导出按钮,及可显示的效果。

    说明

    开启导出数据入口后,仅支持导出当前页面展示的数据。如果数据表设置了分页器,仅支持导出当前表格第一页展示的数据。

    表格标题

    设置是否显示表格标题,及可显示的效果。

    表头文字

    设置表头文字和内容文字的显示样式。

    内容文字

    行样式

    设置行高和列宽,及可显示的效果。

    列样式

    表格外边框

    设置表格外边框是否显示,及可显示的效果。

    分页器

    设置是否显示分页器,及可显示的效果。

    当表格中数据量过多并超出了表格的高度时,如果您没有开启分页显示,则可通过滑动页面查看所有数据。

    说明

    如果表格数据类型为接口数据源,显示分页器需要满足的要求,请参见接口。

  4. 单击完成配置,返回移动应用编辑器,查看已配置的组件数据。

  5. 调整组件宽高和在页面中的布局位置。具体操作,请参见通用样式

步骤四:配置交互动作

  1. 在移动应用编辑器右侧交互中,单击新增交互,设置事件动作

    该组件支持值改变事件。组件值为当前进度值。例如,组件值改变,执行动作设置设备属性,下发指令给某设备,修改该设备的某个属性值。

    具体操作,请参见交互配置

  2. 预览和调试组件展示的数据和效果。具体操作,请参见预览与调试