JSFiddle - React, Tailwind, and code Playground

by m_omar

HTML

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css">
<link rel="stylesheet" href="https://cdn.grapecity.com/wijmo/5.latest/styles/wijmo.min.css">
<script src="https://cdn.grapecity.com/wijmo/5.latest/controls/wijmo.min.js"></script>
<script src="https://cdn.grapecity.com/wijmo/5.latest/controls/wijmo.grid.min.js"></script>
<script src="https://cdn.grapecity.com/wijmo/5.latest/controls/wijmo.input.min.js"></script>
<script src="https://cdn.grapecity.com/wijmo/5.latest/controls/wijmo.grid.filter.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jszip/2.5.0/jszip.min.js"></script>
<script src="https://cdn.grapecity.com/wijmo/5.latest/controls/wijmo.xlsx.min.js"></script>
<script src="https://cdn.grapecity.com/wijmo/5.latest/controls/wijmo.grid.xlsx.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div class="container">
  <div id="theGrid"></div>
  
   <div id="result"></div>
</div>

JavaScript

var wijmoGrid = null;
// create some random data
     

  // create some random data
  var countries = 'US,Germany,UK,Japan,Italy,Greece'.split(',');
  var data = [];
  for (var i = 0; i < 3; i++) {
  	var myNum = 0;
    
    if(i== 0)
  		myNum = 200.025;
    else if  (i== 1)
    	myNum = 300.025;
    else if  (i== 2)
      myNum = 1000.025;
          
    data.push({
      country: countries[i % countries.length],
      sales: myNum,
    });
  }

  // show the data in a grid
  wijmoGrid = new wijmo.grid.FlexGrid('#theGrid', {
  	autoGenerateColumns: true,
    itemsSource: data
  });
  

  var colObj = wijmoGrid.getColumn('sales');
  colObj.format = 'n2';
  
  /////////////////Try Wijmo Gloabliztion////////////
  document.getElementById("result").innerHTML = "Using wijmo.Globalize.format function<br>"
  document.getElementById("result").innerHTML += "------------------------------------<br>"
  document.getElementById("result").innerHTML += "200.025  >>" + wijmo.Globalize.format(200.025,'n2') + " &nbsp; >> Right Result <br>"
  document.getElementById("result").innerHTML +=  "300.025  >>" + wijmo.Globalize.format(300.025,'n2') + "  &nbsp;  >> Wrong Result <br>"
  document.getElementById("result").innerHTML +=  "1000.025 >>" + wijmo.Globalize.format(1000.025,'n2') + " >>  wrong Result <br>"
  
  document.getElementById("result").innerHTML += "<br><br><br>Using wijmo.Globalize.formatNumber function<br>"
  document.getElementById("result").innerHTML += "------------------------------------<br>"
    document.getElementById("result").innerHTML += "200.025  >>" + wijmo.Globalize.formatNumber(200.025,'n2') + " &nbsp; >> Right Result <br>"
  document.getElementById("result").innerHTML +=  "300.025  >>" + wijmo.Globalize.formatNumber(300.025,'n2') + "  &nbsp;  >> Wrong Result <br>"
  document.getElementById("result").innerHTML +=  "1000.025 >>" + wijmo.Globalize.formatNumber(1000.025,'n2') + " >>  wrong Result <br>"