Internationalization Number Formatting

50 of 116
Will automatically format your number thousands separator 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 src="https://cdn.zinggrid.com/zinggrid.min.js" defer></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></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" defer></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;}

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

Demo Gallery