experiment_id: web-retrieval-v1
fixture_id: /demos/web-component-grid-Internationalization-number-column
mode: provenance
representation: html
origin_response_id: e59bb5f40ef158c21f57bcc154ef0023
version: 2026-10-21
version_created_at_utc: 2026-10-21T20:42:35.532Z
version_nonce: a3956d112e8a5fc81b314e38cb39c117
generated_at_utc: 2026-11-05T14:33:07.918Z
response_nonce: ad34375d9417071aa1e9604f59730a84

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