解决帆软移动端明细表展现问题-固化查询结果、折叠、滑动、分页

1.源数据和问题:

源数据为明细报表,在PC端展现方便查看,在移动端会由于数据量增大,操作时间达十几秒,操作体验感差。

2.解决方案:

从两个方面解决操作,一是数据源问题:从数据库查询数据加工报表格式的过程漫长,我直接将报表结果转为Excel文件。

二是移动端操作问题:在较小的屏幕展现明细数据表,我采用纵向折叠,横向滑动,分页查询(帆软的行式报表引擎)。

3.解决步骤:

1)固化查询结果:制作报表-定时调度-自定义上传Excle文件至磁盘

参考资料:https://help.finereport.com/doc-view-700.html

2)移动端操作:固定比例-分页-折叠-滑动

固定比例:由于不使用__op__=h5参数,表格工具栏缩放比例不协调,所以先设置缩放比例,即添加<meta>节点:

                  添加位置:模板-模板Web属性-分页预览设置-事件设置-加载起始

                  添加内容:

$("head").append('<meta name="viewport" content="width=device-width,initial-scale=0.9">');
  • 1
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值