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

相关推荐
饕餮争锋1 分钟前
python开发工具uv简介
开发语言·python·uv
朱涛的自习室3 分钟前
我让 Gemini 4 当高管、DeepSeek 当员工,开了一家软件公司(Day 1)
android·前端·人工智能
志尊宝5 分钟前
Vue3 零基础每日笔记(088·完结):从零到一——一个完整 Vue3 项目的成长复盘
前端·javascript·vue.js·笔记·ecmascript·#vue.js
奇树谦12 分钟前
LRU 缓存原理与 C++ 实践示例
开发语言·c++·缓存
兔子零102413 分钟前
FastAPI 零基础入门教程:写过 Node.js,就能轻松学会 Python 后端开发(一)
前端·后端·python
toooooop814 分钟前
FastAdmin Hook 机制与插件错误透传:`$result` 之外的信封
开发语言·fastadmin
传人once16 分钟前
企业官网静态页基础结构如何搭
javascript·css
桔筐19 分钟前
Vue中DOM的data-*自定义属性(dataset)与Vue data响应式变量区别详解
前端·javascript·vue.js
damoluomu25 分钟前
静态站点生成器怎么选:Node.js 生态里常用的五个(番外一)
javascript·css·typescript·node.js·html
小马过河R38 分钟前
EdgeOne深度解析:从原理、适用场景到COS接入的技术逻辑
java·开发语言·前端·spring·cos