Demos Back to Docs

International Number Formatting

57 of 124
You can automatically format your numbers to the corresponding language default defined on the page.
Result Full HTML CSS JS
Edit Download

Full Code

<!DOCTYPE html>
<html lang="de">

<head>
  <meta charset="utf-8">
  <title>ZingGrid: Blank Grid</title>
  <script nonce="undefined" src="https://cdn.zinggrid.com/zinggrid.min.js"></script>
  <style>
    .zg-body {
      background: #e6e6e6;
    }

    zing-grid[loading] {
      height: 277px;
    }
  </style>
</head>

<body class="zg-body">

  <zing-grid caption="Number Locale (de) Currency">
    <zg-data data='[{"de":1135,"es":1135,"usd":1135},{"de":23894,"es":23894,"usd":23894},{"de":613421,"es":613421,"usd":613421}]'></zg-data>
    <!-- numbers formatted to german (de) ISO -->
    <zg-column type="number" index="de"></zg-column>
    <zg-column type="number" index="es" locale="es"></zg-column>
    <zg-column type="number" index="usd" locale="en"></zg-column>
  </zing-grid>

  <script>
    ZingGrid.setLicense(['26ccbfec16b8be9ee98c7d57bee6e498']);
  </script>
</body>

</html>
<!DOCTYPE html>
<html lang="de">
  <head>
    <meta charset="utf-8">
    <title>ZingGrid: Blank Grid</title>
    <script src="https://cdn.zinggrid.com/zinggrid.min.js"></script>
  </head>
  <body class="zg-body">
    
    <zing-grid caption="Number Locale (de) Currency">
      <zg-data data='[{"de":1135,"es":1135,"usd":1135},{"de":23894,"es":23894,"usd":23894},{"de":613421,"es":613421,"usd":613421}]'></zg-data>
     	<!-- numbers formatted to german (de) ISO -->
      <zg-column type="number" index="de"></zg-column>
     <zg-column type="number" index="es" locale="es"></zg-column>
     <zg-column type="number" index="usd" locale="en"></zg-column>
    </zing-grid>
    
  </body>
</html>
.zg-body {background:#e6e6e6;}
// No JS code

Related Docs

Interested in this demo? Modify it to your needs in ZingSoft Studio, our testing sandbox. It's free to sign up, and you can come back and edit at any time!

Edit in Studio

Related Docs

Demo Gallery