【前端】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 分钟前
C++ 从 0 入门(一)|C++ 基础语法、命名空间、引用、IO 输入输出
开发语言·c++·引用·命名空间·cin/cout
雾岛听蓝22 分钟前
Qt按钮与标签控件详解
开发语言·经验分享·笔记·qt
黑牛儿24 分钟前
AI Agent\+PHP实现智能接口限流,避开算力成本陷阱(结合今日AI热点)
开发语言·人工智能·php
XMYX-026 分钟前
15 - Go 泛型(Generics):从入门到实战
开发语言·golang
落魄江湖行26 分钟前
进阶篇五 Nuxt4 部署方案:从开发到生产
前端·vue.js·typescript·nuxt4
Halo_tjn27 分钟前
Java 内部类
java·开发语言·算法
懂懂tty29 分钟前
Rspack简介
前端
开心码农1号30 分钟前
Go关于切边变量本身地址和内部指向地址
前端·算法
碎碎念的安静30 分钟前
WPF 与 Qt 进程间通信(IPC)
开发语言·qt·wpf
一个打工仔的笔记35 分钟前
vue3 elementui plus 可编辑表格 完整例子
前端·vue.js·elementui