layui 表格(table)合计 取整数
第一步
开启合计行

是否开启合计行区域

table.render({elem: '#myTable', url: '../baidui/', page: true, cellMinWidth: 100,totalRow:true,cols: [[ //表头//{ type: 'checkbox' },{ type: 'checkbox',totalRowText: "合计" },//合计行区域{ field: 'id', align: 'center', title: '编号'},{ field: 'phone', align: 'center',title: '手机号码' },{ field: 'name', align: 'center',title: '姓名' },{ field: 'position', align: 'center',title: '单位' },{ field: 'address', align: 'center', title: '地区' },{ field: 'detailAddress', align: 'center',title: '详细地址' },{ field: 'totalPoint', align: 'center',title: '总积分',totalRow: true },//合计,但是会保留两位小数{ field: 'availAmount',align: 'center',title: '可用积分',totalRow:true},]],done: function(res){if(res && res.code !== 0){layer.msg(res.message);}}});
如果想有的要保留小数额,而有的不保留要去取整数则要修改源码了,配合自定义属性:totalRowType 使用
table.render({elem: '#myTable', url: '../baidui/', page: true, cellMinWidth: 100,totalRow:true,cols: [[ //表头//{ type: 'checkbox' },{ type: 'checkbox',totalRowText: "合计" },//合计行区域{ field: 'id', align: 'center', title: '编号'},{ field: 'phone', align: 'center',title: '手机号码' },{ field: 'name', align: 'center',title: '姓名' },{ field: 'position', align: 'center',title: '单位' },{ field: 'address', align: 'center', title: '地区' },{ field: 'detailAddress', align: 'center',title: '详细地址' },{ field: 'totalPoint', align: 'center',title: '总积分',totalRow: true },//合计,但是会保留两位小数{ field: 'availAmount',align: 'center',title: '可用积分',totalRow:true,totalRowType:'int'},//取整数合计]],done: function(res){if(res && res.code !== 0){layer.msg(res.message);}}});
修改源码,循环时通过自定义类型,来判断是否四舍五入
提示:谨慎修改源码
layui table.js 路径 ./static/js/layui/lay/modules/table.js
var e=t.totalRowText||"",i,type=t.totalRowType||"";if(type==="int")i=parseFloat(a[n]).toFixed(0);else i=parseFloat(a[n]).toFixed(2);return t.totalRow?i||e:e// 原代码示例:
var e=t.totalRowText||"";return t.totalRow?parseFloat(a[n]).toFixed(2)||e:e
这样加了totalRowType:'int’的就会取整数,而不加的合计取两位小数
两种可以同时存在
相关文章:
layui 表格(table)合计 取整数
第一步 开启合计行 是否开启合计行区域 table.render({elem: #myTable, url: ../baidui/, page: true, cellMinWidth: 100,totalRow:true,cols: [[ //表头//{ type: checkbox },{ type: checkbox,totalRowText: "合计" },//合计行区域{ field: id, align: center,…...
深入理解 TCP;场景复现,掌握鲜为人知的细节
握手失败 第一次握手丢失了,会发生什么? 当客户端想和服务端建立 TCP 连接的时候,首先第一个发的就是 SYN 报文,然后进入到 SYN_SENT 状态。 在这之后,如果客户端迟迟收不到服务端的 SYN-ACK 报文(第二次…...
【MySQL系列】 第二章 · SQL(中)
写在前面 Hello大家好, 我是【麟-小白】,一位软件工程专业的学生,喜好计算机知识。希望大家能够一起学习进步呀!本人是一名在读大学生,专业水平有限,如发现错误或不足之处,请多多指正࿰…...
IBM Qiskit量子机器学习速成(一)
声明:本篇笔记基于IBM Qiskit量子机器学习教程的第一节,中文版译文详见:https://blog.csdn.net/qq_33943772/article/details/129860346?spm1001.2014.3001.5501 概述 首先导入关键的包 from qiskit import QuantumCircuit from qiskit.u…...
音视频基础知识
图像(YUV RGB) 这个讲的比较好 RGB颜色编码 图像显示主要是由像素组成,每个像素点的颜色组成都是采用RGB格式,RGB就是红、绿、蓝,RGB分别取不同的值,展示不同的颜色。 YUV…...
ida81输入密码验证算法分析以及破解思路
本文分析了ida81对输入密码的验证流程,分别对输入密码到生成解密密钥、密码素材的生成过程以及文件数据的加密过程这三个流程进行分析,并尝试找一些可利用的破绽。很遗憾,由于水平有限,目前也只是有个思路未能完全实现,…...
C语言——贪吃蛇
一. 游戏效果 贪吃蛇 二. 游戏背景 贪吃蛇是久负盛名的游戏,它也和俄罗斯⽅块,扫雷等游戏位列经典游戏的⾏列。 贪吃蛇起源于1977年的投币式墙壁游戏《Blockade》,后移植到各种平台上。具体如下: 起源。1977年,投币式…...
Android sqlite 使用简介
进行Android应用开发时经常会用到数据库。Android系统支持sqlite数据库,在app开发过程中很容易通过SQLiteOpenHelper使用数据库,SQLiteOpenHelper依赖于Context对象,但是基于uiatomator1.0和Java程序等无法获取Context的应用如何使用数据库呢…...
UE地形系统材质混合实现和Shader生成分析(UE5 5.2)
前言 随着电脑和手机硬件性能越来越高,游戏越来越追求大世界,而大世界非常核心的一环是地形系统,地形系统两大构成因素:高度和多材质混合,此篇文章介绍下UE4/UE5 地形的材质混合方案----基于WeightMap混合。 材质层 …...
Git分支与Git标签的介绍及其场景应用
目录 一、Git分支 1.1 定义 1.2 基本概念 1.3 特点与优势 1.4 Git分支操作命令 1.4.1 查看分支 1.4.2 创建分支 1.4.3 删除分支 1.4.4 切换分支 1.4.5 创建并切换到新建分支 1.5 场景应用 1.5.1 前期准备 1.5.2 具体操作 二、Git标签 2.1 定义 2.2 类型 2.3 标…...
Three.js——基于原生WebGL封装运行的三维引擎
文章目录 前言一、什么是WebGL?二、Three.js 特性 前言 Three.js中文官网 Three.js是基于原生WebGL封装运行的三维引擎,在所有WebGL引擎中,Three.js是国内文资料最多、使用最广泛的三维引擎。既然Threejs是一款WebGL三维引擎,那么…...
第八章认识Express框架
目录 Express模块化路由 基本概述 基本使用 基本构建 案例项目 Express接收请求参数 基本概述 基本类别 Express接收GET请求参数 Express接收POST请求参数 Express接收路由参数 Express模块化路由 基本概述 在Express中,路由是指确定应用程序如何响应对…...
【K8s集群离线安装-kubeadm】
1、kubeadm概述 kubeadm是官方社区推出的一个用于快速部署kubernetes集群的工具。这个工具能通过两条指令快速完成一个kubernetes集群的部署。 2、环境准备 2.1 软件环境 软件版本操作系统CentOS 7Docker19.03.13K8s1.23 2.2 服务器 最小硬件配置:2核CPU、2G内存…...
python工具CISCO ASA设备任意文件读取
python漏洞利用 构造payload: /CSCOT/translation-table?typemst&textdomain/%2bCSCOE%2b/portal_inc.lua&default-language&lang../漏洞证明: 文笔生疏,措辞浅薄,望各位大佬不吝赐教,万分感谢。 免…...
TCP关闭的两种方法概述
一个TCP需要经过四次挥手才可以关闭连接,能够开启四次挥手的函数有两个: int close(int sockfd) int shutdown(int sockfd,int howto) 接下来就分别讲解一下这两个函数。 close()函数 函数原型 #include<unistd.h> int close(int sockfd)这个函…...
Git的Hooks机制
参考文章:详解如何在项目中使用git Hooks(husky、yorkie) git hooks钩子 git hooks是一些自定义的脚本,用于控制git工作的流程,分为客户端钩子和服务端钩子。 ~/work/step-time/ [master*] ll .git/hooks total…...
代码随想录算法训练营第四十九天|121. 买卖股票的最佳时机、122. 买卖股票的最佳时机 II
第九章 动态规划part10 121. 买卖股票的最佳时机 给定一个数组 prices ,它的第 i 个元素 prices[i] 表示一支给定股票第 i 天的价格。 你只能选择 某一天 买入这只股票,并选择在 未来的某一个不同的日子 卖出该股票。设计一个算法来计算你所能获取的最…...
Rust教程6:并发编程和线程通信
文章目录 线程初步join方法线程通信 Rust系列:初步⚙所有权⚙结构体和枚举类⚙函数进阶⚙泛型和特征 线程初步 在Rust中,开启多线程进行并发编程,只需调用thread::spawn,但这里有一个坑点,即spawn函数只有一个传入参…...
JVM在线分析-监控工具(jps, jstat, jstatd)
参考官方文档(jdk11) https://docs.oracle.com/en/java/javase/11/tools/troubleshooting-tools-and-commands.html#GUID-CB44BFBA-E5F9-4D80-8EE8-28E9F16BC451 1. 监控工具(jps, jstat, jstatd) jps -q Suppresses the output of the class name, J…...
Console LDAP 配置解密
之前通过短视频向大家介绍了 Console 如何集成 LDAP,但很多小伙伴反映按照视频里的配置后不成功。今天就结合小伙伴们反映的问题来跟大家详细介绍一下。 Console LDAP 完整的配置参数如下: 名称类型说明hoststringLDAP 服务器地址portintLDAP 服务器端口…...
从“代工标签”到“世界主场”:海信这9年,藏着中国品牌全球化的顶级逻辑
明明产品实力不输海外大牌,却只能靠低价换取市场份额;砸重金签约全球红人,曝光量上去了,转化率却始终在冰点徘徊;想要摆脱“代工宿命”冲击高端市场,却发现连全球用户的文化和语言门槛都难以跨越。 这是当…...
PDFtoPrinter:在.NET应用中实现高效PDF打印的终极解决方案
PDFtoPrinter:在.NET应用中实现高效PDF打印的终极解决方案 【免费下载链接】PDFtoPrinter .Net Wrapper over PDFtoPrinter util allows to print PDF files. 项目地址: https://gitcode.com/gh_mirrors/pd/PDFtoPrinter 你是否曾经在开发.NET应用时&#x…...
Java生产者消费者模式实战解析
Java生产者消费者模式实战解析异步模式传统版改进版阻塞队列异步模式 传统版 异步模式之生产者/消费者: class ShareData {private int number 0;private Lock lock new ReentrantLock();private Condition condition lock.newCondition();public void increm…...
给MFC老项目续命:用C++类封装图像处理模块,实现算法热插拔(实战灰度化与反色)
给MFC老项目续命:用C类封装图像处理模块,实现算法热插拔(实战灰度化与反色) 在工业检测、医学影像等传统领域,仍有大量基于MFC框架开发的桌面应用程序在稳定运行。这些"老兵"承载着核心业务逻辑,…...
终极指南:Mitsuba 3与Dr.Jit编译器如何用JIT技术重塑渲染管线
终极指南:Mitsuba 3与Dr.Jit编译器如何用JIT技术重塑渲染管线 【免费下载链接】mitsuba3 Mitsuba 3: A Retargetable Forward and Inverse Renderer 项目地址: https://gitcode.com/gh_mirrors/mi/mitsuba3 Mitsuba 3是一个革命性的研究导向渲染系统…...
产品经理的AI副驾:我是如何用墨刀AI Agent一周完成三个竞品分析报告的
产品经理的AI副驾:如何用墨刀AI Agent高效完成竞品分析 最近在负责一个新项目时,我遇到了一个典型的产品经理困境:需要在极短时间内完成三款竞品的深度分析报告。按照传统方法,光是收集资料、整理对比表格就需要耗费大量时间&…...
SpringMVC 请求保姆级教程:路径映射、参数传递、JSON 交互、日期处理一网打尽(Spring系列12)
摘要:SpringMVC 作为 Java Web 开发中最主流的 MVC 框架,核心职责就是接收请求、处理数据、响应结果,这也是 SpringMVC 学习的重中之重。本文将从环境搭建、请求映射、参数传递(普通 / POJO / 数组 / 集合 / JSON / 日期ÿ…...
从Prompt CI到Agent CD:2026奇点大会披露的4层AI原生交付架构图,已获CNCF官方收录为参考模型
第一章:2026奇点智能技术大会:AI原生持续交付 2026奇点智能技术大会(https://ml-summit.org) AI原生持续交付(AI-Native Continuous Delivery)正重新定义软件工程的生命周期边界——它不再仅关注代码构建与部署,而是将…...
GHelper终极指南:华硕笔记本轻量级性能控制工具完全解析
GHelper终极指南:华硕笔记本轻量级性能控制工具完全解析 【免费下载链接】g-helper Lightweight, open-source control tool for ASUS laptops and ROG Ally. Manage performance modes, fans, GPU, battery, and RGB lighting across Zephyrus, Flow, TUF, Strix, …...
如何从零开始组装高性能Voron 2.4 CoreXY 3D打印机:新手完整指南
如何从零开始组装高性能Voron 2.4 CoreXY 3D打印机:新手完整指南 【免费下载链接】Voron-2 Voron 2 CoreXY 3D Printer design 项目地址: https://gitcode.com/gh_mirrors/vo/Voron-2 还在为商业3D打印机的高昂价格和有限性能而烦恼吗?今天我要为…...
