【前端】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]代表遍历过程中的单元格对象。

相关推荐
C_心欲无痕3 分钟前
Next.js 的默认开发快速构建工具Turbopack
javascript·devops·next.js·turbopack
大闲在人3 分钟前
25. 连续盘点系统(Q-R 策略):总成本优化与基于缺货成本的再订货点设定
开发语言·数据分析·供应链管理·智能制造·工业工程
skywalk81633 分钟前
介绍一下QuantConnect Lean(python 15k star)
开发语言·python·量化
不凡而大米、4 分钟前
报错:传入的请求具有过多的参数。该服务器支持最多2100个参数
java·开发语言·mybatis
打工的小王8 分钟前
单例模式的实现
java·开发语言·单例模式
strive-debug9 分钟前
cpp篇~~类和对象
开发语言·c++
是宇写的啊9 分钟前
单例模式-阻塞队列
java·开发语言·单例模式
进击的小头10 分钟前
Git在C项目中的分支策略和规范
c语言·开发语言·git
u01040583610 分钟前
Java中的单例模式详解
java·开发语言·单例模式
Allen_LVyingbo12 分钟前
构建医疗AI数据集建设平台:Go语言工程方案详解
开发语言·人工智能·自然语言处理·golang·知识图谱·健康医疗