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

相关推荐
cen__y2 分钟前
Linux05(管道)
linux·运维·服务器·c语言·开发语言·文件流
Frank学习路上3 分钟前
【Python】应用:发布pyproject.toml格式包到 PyPI
开发语言·chrome·python
奇妙之二进制7 分钟前
zmq源码分析之IO线程绑定时机
开发语言·网络
阿标的博客12 分钟前
Python学习(三):Python程序的运行方式
开发语言·python·学习
玖玖passion13 分钟前
React 常用 Hooks 函数及使用方法完全指南(useState / useEffect / useRef / useContext / useCallback / useMemo / useReducer)
前端·javascript
0xDevNull14 分钟前
分布式事务实战指南:从理论到Seata落地
java·开发语言·后端
Awu122719 分钟前
⚡精通Claude第6课-Hooks钩子系统:从前端视角玩转AI自动化工作流
前端·aigc·claude
椰猫子20 分钟前
Spring Framework(Bean)
java·前端·spring
道清茗21 分钟前
【RH294知识点汇总】第 7 章 《 使用角色和 Ansible 内容集合简化 Playbook 》
java·前端·ansible
t***54421 分钟前
如何在 Dev-C++ 中配置 Clang 编译器
开发语言·c++