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

简介: 分页合计

效果如下,合计Dingtalk_20221205102020.png

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

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

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

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

Dingtalk_20221205104745.png

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

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

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

Dingtalk_20221205105323.png

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

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

Dingtalk_20221205103509.png

钉钉.png+

目录
相关文章
|
7月前
|
BI
宜搭流程表单报表的表格内如何设置点击跳转到表单的详情页面
宜搭流程表单报表的表格内如何设置点击跳转到表单的详情页面
791 0
|
7月前
|
人工智能 自然语言处理 数据挖掘
产品更新|宜搭AI 新增「智能数据分析」「智能表单」两项功能!
「宜搭AI」开放新一期功能:智能数据分析、智能表单,已支持在宜搭网页端使用体验。
504 0
产品更新|宜搭AI 新增「智能数据分析」「智能表单」两项功能!
|
7月前
|
人工智能 自然语言处理 安全
产品更新|宜搭AI助理、精品应用产品力、专属宜搭多项功能升级!
本期功能更新已全量发布,可直接在宜搭内体验。
351 0
产品更新|宜搭AI助理、精品应用产品力、专属宜搭多项功能升级!
|
7月前
|
监控 安全 BI
宜搭报表中,如何实现将报表定时下载并推送到群里
宜搭报表中,如何实现将报表定时下载并推送到群里
宜搭中,你可以通过设置条件和循环来实现流水号到固定值时进行循环的功能
宜搭中,你可以通过设置条件和循环来实现流水号到固定值时进行循环的功能
255 2
宜搭报表页面如何绑定对应字段展示图片
宜搭报表页面如何绑定对应字段展示图片
|
人工智能 自然语言处理
产品更新|宜搭AI 两大功能:智能应用、智能公式已上线
宜搭 AI 两项功能限时开放,一起玩转AI,让应用开发更简单。
1043 0
产品更新|宜搭AI 两大功能:智能应用、智能公式已上线
|
编解码 运维 监控
4.1 钉钉宜搭大屏介绍|学习笔记
快速学习4.1 钉钉宜搭大屏介绍
4.1 钉钉宜搭大屏介绍|学习笔记
|
存储 安全 数据可视化
|
7月前
|
JavaScript
基于钉钉的宜搭创建付款流程
基于钉钉的宜搭创建付款流程
173 0

热门文章

最新文章

相关产品