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

相关推荐
python在学ing12 小时前
前端-CSS学习笔记
前端·css·python·学习
Bug-制造者13 小时前
【Vue3 实战】全局错误处理体系搭建:实现业务与错误彻底解耦
前端·javascript·vue.js
悟空瞎说13 小时前
# Git 交互式变基:优雅整理提交历史,告别杂乱 PR 记录
前端·git
学习,学习,在学习13 小时前
Qt工控仪器程序框架设计详解(工控多仪器控制版本)
开发语言·c++·qt
三品吉他手会点灯13 小时前
C语言学习笔记 - 35.数据类型 - printf函数的非输出控制符与格式优化
c语言·开发语言·笔记·学习
竹林81813 小时前
从ethers.js迁移到Viem:我在DeFi Dashboard项目中踩过的坑与最终方案
javascript
还有多久拿退休金13 小时前
DragSortTable:一个让我怀疑人生的滚动重置 Bug
前端
zithern_juejin13 小时前
ES6——Promise
javascript
渐儿13 小时前
组件库开发入门到生产(从零封装到 npm 发布)
前端
JAVA面经实录91713 小时前
Java集合大全终极手册(一)
java·开发语言