JSFiddle - React, Tailwind, and code Playground

by Bilal AFSAR

HTML

<script src="https://ajax.aspnetcdn.com/ajax/jQuery/jquery-2.1.3.min.js"></script>
<script src="https://ajax.aspnetcdn.com/ajax/knockout/knockout-3.3.0.js"></script>
<script src="https://ajax.aspnetcdn.com/ajax/globalize/0.1.1/globalize.min.js"></script>
<script src="https://cdn3.devexpress.com/jslib/17.2.4/js/dx.all.js"></script>
<link rel="stylesheet" href="https://cdn3.devexpress.com/jslib/17.2.4/css/dx.light.css">
<link rel="stylesheet" href="https://cdn3.devexpress.com/jslib/17.2.4/css/dx.common.css">
<div id="gridContainer"></div>

JavaScript

var data = [{
  "ID": 1,
  "FirstName": "John",
  "LastName": "Heart",
  "Prefix": "Mr.",
  "Position": "CEO",
  "BirthDate": "1964/03/16",
  "HireDate": "1995/01/15",
  "Address": "351 S Hill St.",
  "StateID": 5
}, {
  "ID": 2,
  "FirstName": "Olivia",
  "LastName": "Peyton",
  "Prefix": "Mrs.",
  "Position": "Sales Assistant",
  "BirthDate": "1981/06/03",
  "HireDate": "2012/05/14",
  "Address": "807 W Paseo Del Mar",
  "StateID": 5
}, {
  "ID": 3,
  "FirstName": "Robert",
  "LastName": "Reagan",
  "Prefix": "Mr.",
  "Position": "CMO",
  "BirthDate": "1974/09/07",
  "HireDate": "2002/11/08",
  "Address": "4 Westmoreland Pl.",
  "StateID": 4
}, {
  "ID": 4,
  "FirstName": "Greta",
  "LastName": "Sims",
  "Prefix": "Ms.",
  "Position": "HR Manager",
  "BirthDate": "1977/11/22",
  "HireDate": "1998/04/23",
  "Address": "1700 S Grandview Dr.",
  "StateID": 11
}, {
  "ID": 5,
  "FirstName": "Brett",
  "LastName": "Wade",
  "Prefix": "Mr.",
  "Position": "IT Manager",
  "BirthDate": "1968/12/01",
  "HireDate": "2009/03/06",
  "Address": "1120 Old Mill Rd.",
  "StateID": 13
}, {
  "ID": 6,
  "FirstName": "Sandra",
  "LastName": "Johnson",
  "Prefix": "Mrs.",
  "Position": "Controller",
  "BirthDate": "1974/11/15",
  "HireDate": "2005/05/11",
  "Address": "4600 N Virginia Rd.",
  "StateID": 44
}, {
  "ID": 7,
  "FirstName": "Kevin",
  "LastName": "Carter",
  "Prefix": "Mr.",
  "Position": "Shipping Manager",
  "BirthDate": "1978/01/09",
  "HireDate": "2009/08/11",
  "Address": "424 N Main St.",
  "StateID": 5
}, {
  "ID": 8,
  "FirstName": "Cynthia",
  "LastName": "Stanwick",
  "Prefix": "Ms.",
  "Position": "HR Assistant",
  "BirthDate": "1985/06/05",
  "HireDate": "2008/03/24",
  "Address": "2211 Bonita Dr.",
  "StateID": 4
}, {
  "ID": 9,
  "FirstName": "Kent",
  "LastName": "Samuelson",
  "Prefix": "Dr.",
  "Position": "Ombudsman",
  "BirthDate": "1972/09/11",
  "HireDate": "2009/04/22",
  "Address": "12100 Mora Dr",
  "StateID": 26
}, {
  "ID": 10,
  "FirstName":...