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

相关推荐
Aliex_git3 分钟前
浏览器 API 兼容性解决方案
前端·笔记·学习
独泪了无痕4 分钟前
useStorage:本地数据持久化利器
前端·vue.js
阿猿收手吧!11 分钟前
【C++】Ranges:彻底改变STL编程方式
开发语言·c++
云游云记17 分钟前
php 随机红包数生成
开发语言·php·随机红包
程序员林北北18 分钟前
【前端进阶之旅】JavaScript 一些常用的简写技巧
开发语言·前端·javascript
全栈前端老曹18 分钟前
【Redis】Redis 持久化机制 RDB 与 AOF
前端·javascript·数据库·redis·缓存·node.js·全栈
NEXT0622 分钟前
受控与非受控组件
前端·javascript·react.js
NEXT0640 分钟前
防抖(Debounce)与节流(Throttle)解析
前端·javascript·面试
mqiqe1 小时前
pnpm 和npm 有什么区别?
前端·npm·node.js
gAlAxy...1 小时前
MyBatis-Plus 核心 CRUD 操作全解析:BaseMapper 与通用 Service 实战
java·开发语言·mybatis