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

相关推荐
栈老师不回家1 分钟前
Vue 计算属性和监听器
前端·javascript·vue.js
芊寻(嵌入式)2 分钟前
C转C++学习笔记--基础知识摘录总结
开发语言·c++·笔记·学习
前端啊龙7 分钟前
用vue3封装丶高仿element-plus里面的日期联级选择器,日期选择器
前端·javascript·vue.js
一颗松鼠11 分钟前
JavaScript 闭包是什么?简单到看完就理解!
开发语言·前端·javascript·ecmascript
有梦想的咸鱼_13 分钟前
go实现并发安全hashtable 拉链法
开发语言·golang·哈希算法
海阔天空_201318 分钟前
Python pyautogui库:自动化操作的强大工具
运维·开发语言·python·青少年编程·自动化
天下皆白_唯我独黑25 分钟前
php 使用qrcode制作二维码图片
开发语言·php
夜雨翦春韭29 分钟前
Java中的动态代理
java·开发语言·aop·动态代理
小远yyds31 分钟前
前端Web用户 token 持久化
开发语言·前端·javascript·vue.js
何曾参静谧43 分钟前
「C/C++」C/C++ 之 变量作用域详解
c语言·开发语言·c++