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

简介: 分页合计

效果如下,合计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+

目录
相关文章
|
6月前
|
BI
宜搭流程表单报表的表格内如何设置点击跳转到表单的详情页面
宜搭流程表单报表的表格内如何设置点击跳转到表单的详情页面
701 0
|
6月前
|
人工智能 自然语言处理 数据挖掘
产品更新|宜搭AI 新增「智能数据分析」「智能表单」两项功能!
「宜搭AI」开放新一期功能:智能数据分析、智能表单,已支持在宜搭网页端使用体验。
476 0
产品更新|宜搭AI 新增「智能数据分析」「智能表单」两项功能!
|
6月前
|
人工智能 自然语言处理 安全
产品更新|宜搭AI助理、精品应用产品力、专属宜搭多项功能升级!
本期功能更新已全量发布,可直接在宜搭内体验。
312 0
产品更新|宜搭AI助理、精品应用产品力、专属宜搭多项功能升级!
|
6月前
|
监控 安全 BI
宜搭报表中,如何实现将报表定时下载并推送到群里
宜搭报表中,如何实现将报表定时下载并推送到群里
|
11月前
|
BI
宜搭报表页面如何绑定对应字段展示图片
宜搭报表页面如何绑定对应字段展示图片
|
编解码 运维 监控
4.1 钉钉宜搭大屏介绍|学习笔记
快速学习4.1 钉钉宜搭大屏介绍
4.1 钉钉宜搭大屏介绍|学习笔记
|
存储 安全 数据可视化
走进钉钉宜搭|学习笔记(一)
快速学习走进钉钉宜搭
1018 0
走进钉钉宜搭|学习笔记(一)
|
6月前
|
JavaScript
基于钉钉的宜搭创建付款流程
基于钉钉的宜搭创建付款流程
143 0
|
6月前
|
JavaScript 数据可视化 前端开发
钉钉宜搭通过js触发子表单数据联动
钉钉宜搭通过js触发子表单数据联动
|
6月前
宜搭直接链接跳转至特定人员钉钉的聊天窗口
宜搭直接链接跳转至特定人员钉钉的聊天窗口

热门文章

最新文章

相关产品