开发者社区> 页一 > 正文
阿里云
为了无法计算的价值
打开APP
阿里云APP内打开

【分享】宜搭报表内表格实现分页合计功能

简介: 分页合计
+关注继续查看

效果如下,合计Dingtalk_20221205102020.png

1.点击表格组件=>其他=>编辑代码Dingtalk_20221205104607.png


function afterFetch(data, extraInfo) {
  /** 
  * 打印出表格展示的数据,它的结构是数组内包含N个对象
  * 一定要在浏览器中按F12,点击控制台,点击报表预览,控制台会打印出表格展示的数据
  * 格式如下[{'名称字段':'名称'},{'价格字段':'价格'}]
  * 查看完成可以在 console.log(data);前面加上双斜杠//注释掉,不让这段代码执行
  */
  console.log(data);  
  return data;
}

2.在浏览器中按F12=>点击控制台=>再点击报表的预览按钮,

控制台会打印出表格展示的数据,获取到字段信息.

Dingtalk_20221205104745.png

3.点击表格组件=>其他=>编辑代码(覆盖粘贴入以下代码)

根据步骤2获取到的字段信息,

按注释修改(field_lb92v43a和field_lb92v438字段)为你获取的字段信息

Dingtalk_20221205105323.png


function afterFetch(data, extraInfo) { 
  //field_lb92v43a和field_lb92v438都是需要修改的字段
  //把字段的属性转浮点数,对这个属性进行求和(这里就是把价格求和)
  const total = _.sumBy(data, (o) => parseFloat(o['field_lb92v43a']));
  //添加到表格展示数据末尾
  data.push({
    "field_lb92v438": "合计", //名称字段下方添加1个合计名称
    "field_lb92v43a": total  //求和结果添加到价格字段下方
  });
  return data;
}

4.给合计行添加醒目颜色(大工告成)

Dingtalk_20221205103509.png

版权声明:本文内容由阿里云实名注册用户自发贡献,版权归原作者所有,阿里云开发者社区不拥有其著作权,亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容,填写侵权投诉表单进行举报,一经查实,本社区将立刻删除涉嫌侵权内容。

相关文章
钉钉宜搭全命题解析 | 学习笔记
快速学习钉钉宜搭全命题解析
0 0
4.1 钉钉宜搭大屏介绍|学习笔记
快速学习4.1 钉钉宜搭大屏介绍
0 0
初识钉钉宜搭低代码 | 学习笔记
快速学习初识钉钉宜搭低代码,介绍了初识钉钉宜搭低代码系统机制, 以及在实际应用过程中如何使用。
0 0
低代码钉钉宜搭 TODOMVC 小白教程
TODOMVC for LCAP - Dingtalk YIDA
0 0
+关注
文章
问答
来源圈子
更多
「宜搭」是云钉原生低代码平台(钉钉 PaaS - aPaaS),让企业应用搭建更简单! 帮助中小企业降本提效,加强组织的数字化自主权; 帮助大型企业释放个体创新力,助力组织创新涌现。
+ 订阅
相关文档:
文章排行榜
最热
最新
相关电子书
更多
低代码开发师-宜搭
立即下载
基于低代码平台钉钉宜搭的工程项目管理实践
立即下载
宜搭 - 企业智能化应用搭建平台
立即下载