experiment_id: web-retrieval-v1
fixture_id: /demos/web-component-grid-Internationalization-number-column
mode: provenance
representation: html
origin_response_id: 7443a80803c16053d855e04b784ac58b
version: 2026-10-21
version_created_at_utc: 2026-10-21T20:42:35.532Z
version_nonce: a3956d112e8a5fc81b314e38cb39c117
generated_at_utc: 2026-11-05T15:22:07.130Z
response_nonce: c2d5202e421cc536f74b449edf575d72

International Number Formatting

58 of 125
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

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