Home / Questions / 550458
Accepted
Giovanny
Asked: 2022-08-07 15:17:45 +0800 CST 2022-08-07 15:17:45 +0800 CST

show currency format to values ​​loaded from a column - reactjs

  • 772

good day, I have a table "https://material-table-core.com" which shows me the information of my database, but I need the table to show me the values ​​of the column "valor_t2" in currency format but I have tried but failed to do so, posted my code:

https://codesandbox.io/s/amazing-rumple-x6fzwi?file=/src/App.js

reactjs

1 Answers

  1. Best Answer

    Based on the example you provide, you can add a function toMoneyand rely on the native library Intl;

    Documentation: https://developer.mozilla.org/es/docs/Web/JavaScript/Reference/Global_Objects/Intl/NumberFormat/format

      const toMoney = value => {
    const money = Number(value);

    if (isNaN(money)) {
      return value;
    }

    return new Intl.NumberFormat('en-US', { style: 'currency', currency: 'USD' }).format(money)
  }

  console.log(toMoney(20000)); // $20,000.00
  console.log(toMoney(5200)); // $5,200.00

    Therefore the result is the following;

    https://codesandbox.io/s/amazing-montalcini-8c6dku?file=/src/App.js

    • 1