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

相关推荐
空~自由4 小时前
Python 正则 . * ? .* .*? (.*?) 通俗讲解
开发语言·python
tryCbest4 小时前
Vue3——第 7 篇:组件基础——从注册到使用的完整流程
前端·javascript·vue.js
ai工具集合4 小时前
图标集用法,前端项目 SVG 图标 icon 完整接入实操
前端
程序 代码狂人4 小时前
经典 SQL 面试题:连续登录问题的两种经典解法
java·开发语言·算法
门思科技4 小时前
ThinkLink 触发模型与告警规则实战:数据一小时才来一次,告警怎么做到不迟到、不刷屏、找对人
前端·后端
hunter_0764 小时前
从零读懂 SwiftUI 新拖放 API:用 Apple 的纸牌示例理解排序、多项拖拽与移动规则
前端
时间的情敌5 小时前
Electron 设置-webkit-app-region: drag;实现拖拽后, 无法响应鼠标划过事件及点击事件的解决方式
前端·vue.js
程序猿阿森5 小时前
深入解析 NLI:RAG 与大模型防幻觉的“最后一道防线”
前端·人工智能·算法
星夜离尘565 小时前
MATLAB 只剩批次摘要怎么合并方差:用 n、mean、M2 保留批间差异
开发语言·matlab