【前端】JS遍历Table,让所有数字2位补零

【背景】

用户希望所有数字整整齐齐的,小数不足两位的补零。但是后端SQL种种原因无法修改,只能退而用JS方法实现格式化。

【分析】

遍历Table中所有数字时,需要先把cell中的内容从text转为Float,然后再进行格式化处理。

【语句】

百分比数字,格式化后再拼个%:

javascript 复制代码
cells[i].textContent = (parseFloat(cells[i].textContent)).toFixed(2)+'%';

非百分比数字,同时加千位符:

javascript 复制代码
cells[i].innerText = (numericValue.toFixed(2)).toLocaleString();

其中的cells[i]代表遍历过程中的单元格对象。

相关推荐
阿珊和她的猫14 小时前
CSS3新特性概述
前端·css·css3
草莓熊Lotso14 小时前
C++11 核心特性实战:列表初始化 + 右值引用与移动语义(附完整代码)
java·服务器·开发语言·汇编·c++·人工智能·经验分享
前端小端长15 小时前
qiankun 微前端应用入门教程:从搭建到部署
前端
初夏睡觉15 小时前
从0开始c++,但是重置版,第1篇(c++基本框架)
开发语言·c++
yinuo17 小时前
前端跨页面通讯终极指南⑥:SharedWorker 用法全解析
前端
workflower20 小时前
时序数据获取事件
开发语言·人工智能·python·深度学习·机器学习·结对编程
CoderYanger21 小时前
C.滑动窗口-求子数组个数-越长越合法——2799. 统计完全子数组的数目
java·c语言·开发语言·数据结构·算法·leetcode·职场和发展
C++业余爱好者21 小时前
Java 提供了8种基本数据类型及封装类型介绍
java·开发语言·python
林杜雨都21 小时前
Action和Func
开发语言·c#
皮卡龙21 小时前
Java常用的JSON
java·开发语言·spring boot·json