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

相关推荐
Web极客码23 分钟前
用 Python 搭建工具调用 Agent 的调试过程
java·服务器·前端
2401_8818283237 分钟前
简易文本处理网页工具|AI 通识课第三次作业
前端·javascript·html
2601_9638699541 分钟前
【计算机毕业设计】基于Java的潮牌购物网站系统的设计与实现
java·开发语言·课程设计
障碍的枫子1 小时前
Vue组件导出&渲染
前端·javascript·vue.js
开开心心就好1 小时前
视频播放器完美解码集成三款播放器切换使用
前端·人工智能·智能手机·电脑·音视频·virtualenv·pygame
Sterting1 小时前
组件通信:Props 与 Emit
前端·vue.js
名字还没想好☜1 小时前
Go 的 io.Reader/Writer 组合实战:io.Copy、TeeReader、MultiWriter 优雅处理数据流
开发语言·后端·golang·go·iphone
东方老白1 小时前
iOS 面试题
前端
郝学胜-神的一滴1 小时前
Qt 高级编程 042:进度条从入门到自定义美化
开发语言·c++·qt·软件开发·用户界面
hunterandroid1 小时前
Compose LazyColumn 性能优化:从卡顿到流畅的大列表治理
前端