示例效果
操作步骤
1. 设计WEB电子表格
1.1. 拖拽组件
创建自助仪表盘,拖拽 WEB电子表格 组件到显示区中
1.2. 设计静态表
双击显示区,弹出“WEB电子表格编辑界面“,先按照如下样式在表格中设计好表样:
该静态表表样的样式配置如下:
行高 | 列宽 | 标题区域 | 对齐方式 | 背景底色 | 小标题前的方框 |
---|---|---|---|---|---|
19px | B列:30px C列:25px D列:5px E列:116px 其它列:73px | 标题文字:“供应商信息” 标题颜色:白色 标题底色:#3086df | 中间对齐 | #F3F3F3 | #409EFF |
1.3. 拖拽相应字段
在右侧数据资源区中的数据模型”供应商信息“中分别拖拽相应字段到对应单元格上即可
1.4. 保存退出
单击工具区中的 保存 按钮,保存该web电子表格。
2. 与筛选器联动
接下来需要通过筛选器来对web电子表格中的数据进行筛选
2.1. 添加筛选器
选中web电子表格,将数据模型“供应商信息”维度中的字段“公司名称”,拖拽到web电子表格上,生成一个筛选器组件。
再将筛选器移动到web电子表格上方。
2.2. 筛选器设置
右键选中筛选器,设置筛选器类型为“列表(单选)”
接着设置筛选器默认值为特殊值中的“列表第一个值”
2.3. 组件设置
右键选中该筛选器,点击“组件设置”,需修改的配置项如下:
- 基础:【每行列数】2;【风格】按钮;【样式】自定义;【选项】宽度拉满。
3. 设计文本组件
拖拽“文本”组件到筛选器组件左边,双击该组件进行编辑文本。输入“选择需要查看的供应商信息”,修改文本样式。
示例下载
将该资源导入环境后,访问数据模型“供应商信息”,资源导入位置为:“数据准备”模块>“公共空间”>"web电子表格功能示例">"供应商信息"。
进入该数据模型后,参考 导入资源-特殊场景 进行后续操作。