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

相关推荐
装不满的克莱因瓶7 分钟前
React Native vs Flutter:一次深入到底的性能对比分析(含原理 + 实战)
javascript·flutter·react native·react.js·app·移动端
competes12 分钟前
深圳程序员职业生涯
java·大数据·开发语言·人工智能·java-ee
coderYYY16 分钟前
git push报错Authentication failed for ‘xxx’也不会弹要求输入用户名密码的最终解决方法
前端·git·gitee·github
小小小米粒24 分钟前
Collection(单列集合)、Map(双列集合),容易搞混的 Collections 工具类。
java·开发语言
Rhystt31 分钟前
代码随想录算法训练营第六十天|多余的边?从基础到进阶!
开发语言·c++·算法·图论
gaozhiyong081343 分钟前
超越跑分:Gemini 3.1 Pro 2026年多维度能力评估体系深度拆解
java·开发语言
皙然44 分钟前
深入解析Java volatile关键字:作用、底层原理与实战避坑
java·开发语言
再玩一会儿看代码1 小时前
Java中 next() 和 nextLine() 有什么区别?一篇文章彻底搞懂
java·开发语言·经验分享·笔记·学习
羊小猪~~1 小时前
【QT】-- QMainWindow简介
开发语言·数据库·c++·后端·qt·前端框架·求职招聘
2301_810160951 小时前
C++中的策略模式进阶
开发语言·c++·算法