如何在Ant Design Table中格式化数字为货币格式？毕业项目急求帮助

安全阿岳

2026-5-8

解决Ant Design Table数字转货币格式的问题

别慌！毕业项目提交前搞定这个小问题很简单，我给你两种靠谱的方案，直接套用就行：

方法1：使用numeral.js（你代码里提到的库）

你之前的numeral用法写反啦，正确的调用逻辑是先传入要格式化的数值，再调用format方法。步骤如下：

先确保项目安装了numeral：

npm install numeral
# 或者用yarn
yarn add numeral

在组件文件顶部引入numeral：

import numeral from 'numeral';

修改re_price列的render函数：

{
  title:"ราคาต่อหน่วย",
  dataIndex:"re_price",
  align:"center",
  width:"300",
  render: (text) => {
    // 空值处理，避免报错
    if (!text) return '-';
    // 格式化为带美元符号的货币，需要泰铢的话可以改成'0,0.00 ฿'
    return numeral(text).format('$0,0.00');
  }
}

方法2：使用原生Intl.NumberFormat（无需额外依赖）

如果不想引入第三方库，用浏览器原生API更轻便，还能自动适配地区和货币符号（比如泰铢THB）：

{
  title:"ราคาต่อหน่วย",
  dataIndex:"re_price",
  align:"center",
  width:"300",
  render: (text) => {
    if (!text) return '-';
    // 自动生成泰国泰铢格式，包含฿符号和千分位
    return new Intl.NumberFormat('th-TH', {
      style: 'currency',
      currency: 'THB',
      minimumFractionDigits: 2 // 强制保留两位小数
    }).format(Number(text));
  }
}