【web电子表格】自由报表

示例效果

操作步骤

1. 设计WEB电子表格

1.1. 拖拽组件

创建仪表盘，点击 组件，在 “表格” 类型下找到 WEB电子表格 组件，将其拖拽至画布中。

1.2. 设计静态表

双击显示区，弹出“WEB电子表格编辑界面“，先按照如下样式在表格中设计好表样：

该静态表表样的样式配置如下：

更多详情请参见：样式设置 章节。

1.3. 拖拽相应字段

在右侧数据资源区中的数据模型”供应商信息“中分别拖拽相应字段到对应单元格上即可

1.4. 保存退出

单击工具区中的 保存 按钮，保存该web电子表格。

2. 与筛选器联动

接下来需要通过筛选器来对web电子表格中的数据进行筛选

2.1. 添加筛选器

选中 “Web电子表格” 组件，将数据模型“供应商信息”维度中的字段“公司名称” 拖拽到筛选区上生成一个筛选器组件。

再将筛选器手动拖拽移动到 “Web电子表格” 组件上方。

2.2. 筛选器设置

右键选中筛选器，设置筛选器类型为“列表（单选）”

设置筛选器的默认值为：特殊值中的“列表第一个值”

2.3. 组件设置

右键选中该筛选器，点击“组件设置”，需修改的配置项如下：

• 基础：【每行列数】2；【风格】按钮；【样式】自定义；【选项】宽度拉满。

3. 设计文本组件

拖拽“文本”组件到筛选器组件左边，双击该组件进行编辑文本。输入“选择需要查看的供应商信息”，修改文本样式。

示例下载

档案表单.xml

供应商信息.csv

将该资源导入环境后，访问数据模型“供应商信息”，资源导入位置为：“数据准备”模块>“公共空间”>"web电子表格功能示例">"供应商信息"。

进入该数据模型后，参考 导入资源-特殊场景 进行后续操作。