【前端】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();

其中的cellsi代表遍历过程中的单元格对象。

相关推荐
object not found17 小时前
WooCommerce 接入 KPay 后订单完成页不显示订单信息:returnUrl 动态参数问题解决
前端·wordpress·独立站支付
yume_sibai18 小时前
04-Nginx部署实战完全指南(前端部署 + 后端代理 + 监控告警 + 故障排查)
运维·前端·nginx
重生之小比特18 小时前
【C++进阶】异常
开发语言·c++
data analyse 45618 小时前
数据合规的同意记录怎么留存?
前端·人工智能·数据分析
朝朝辞暮i18 小时前
C++ 第 15 课:指针 * 和地址 &
开发语言·c++
linux_cfan18 小时前
videojs v10 源代码系列解读:35 · HLS 解析器:multivariant 与 media playlist
前端·javascript·音视频
奶茶树18 小时前
【C++】14. C++11新特性【下】
开发语言·c++
IT_陈寒18 小时前
Redis键过期失效?这个坑我踩得明明白白
前端·人工智能·后端
web打印社区18 小时前
汽修 / 4S 店:维修工单、结算单网页怎么静默出纸
开发语言·前端·javascript·chrome·ecmascript
Sirens.18 小时前
Java多线程实例:单例模式、阻塞队列、线程池与定时器
java·开发语言·单例模式