JSFiddle - React, Tailwind, and code Playground

HTML

<script src="http://cdn.wijmo.com/5.20151.48/controls/wijmo.min.js"></script>
<link rel="stylesheet" href="http://cdn.wijmo.com/5.20151.48/styles/wijmo.min.css">
<script src="http://cdn.wijmo.com/5.20151.48/controls/wijmo.grid.min.js"></script>
<!-- this is the grid -->
<div id="gsFlexGrid"></div>

JavaScript

var count = 10;

  var countries = 'United S,Germany,UK,Japan,Italy,Greece'.split(',');
  var data = [];
  for (var i = 0; i < count; i++) {
      data.push({
          id: i,
          country: countries[i % countries.length],
          date: new Date(2014, i % 12, i % 28),
          amount: Math.random() * 100,
          active: i % 4 === 0
      });
  }

  // create the grid and give it some data
  var grid = new wijmo.grid.FlexGrid('#gsFlexGrid');

  //var filter=new wijmo.grid.FlexGrid.
  var cv = new wijmo.collections.CollectionView(data);

  grid.itemsSource = cv;

  grid.columns[3].format = "n1";
  grid.prepareCellForEdit.addHandler(function (s, e) {
      if (e.col == 3) {
          var unFormattedData = s.getCellData(e.row, e.col, false);

          s.activeEditor.value = unFormattedData;

      }
  });