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

相关推荐
m0_748229995 分钟前
Vue3高效学习路线全攻略
前端·javascript·vue.js
a程序小傲9 分钟前
米哈游Java面试被问:gRPC的HTTP/2流控制和消息分帧
java·开发语言·tcp/ip·http·面试·职场和发展·php
谢尔登17 分钟前
React架构演变
前端·react.js·架构
tudficdew21 分钟前
类型安全容器设计
开发语言·c++·算法
木辰風21 分钟前
vue在IE浏览器下父页面向子页面传输对象时数据丢失
前端·javascript·html
naruto_lnq21 分钟前
C++与Docker集成开发
开发语言·c++·算法
独自破碎E25 分钟前
【双指针】接雨水
java·开发语言
小北方城市网28 分钟前
MyBatis-Plus 生产级深度优化:从性能到安全的全维度方案
开发语言·redis·分布式·python·缓存·性能优化·mybatis
小雨青年29 分钟前
Cursor 项目实战:AI播客策划助手(四)—— 产品发布与交付收尾
前端·人工智能
@呵呵33 分钟前
上传图片裁剪
开发语言·javascript·vue.js