JSFiddle - React, Tailwind, and code Playground
by dkamburov
HTML
<!DOCTYPE html>
<html>
<head>
<title></title>
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.js"></script>
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.11.4/jquery-ui.js"></script>
<script type="text/javascript" src="http://cdn-na.infragistics.com/igniteui/2017.1/latest/js/infragistics.loader.js"></script>
<style type="text/css">
body {
font-size: 0.75em;
}
</style>
<script type="text/javascript">
var sourceData = {
"Products": [
{ "ProductID": 1, "UnitsInStock": 989, "ProductDescription": "hhiivm", "UnitPrice": 661.3712164859154, "DateAdded": "2006-12-25T17:29:46.108" }, { "ProductID": 2, "UnitsInStock": 853, "ProductDescription": "v", "UnitPrice": 351.86312736564463, "DateAdded": "1997-06-18T07:28:54.737" }, { "ProductID": 3, "UnitsInStock": 226, "ProductDescription": "hwn", "UnitPrice": 322.57021792352674, "DateAdded": "2008-03-22T23:57:11.966" }, { "ProductID": 4, "UnitsInStock": 480, "ProductDescription": " os", "UnitPrice": 758.28264968389772, "DateAdded": "1998-04-10T02:06:32.486" }, { "ProductID": 5, "UnitsInStock": 290, "ProductDescription": "yaxrhvufbsj ", "UnitPrice": 245.75594870641641, "DateAdded": "1998-06-08T18:12:46.175" }, { "ProductID": 6, "UnitsInStock": 882, "ProductDescription": "jgggiuanb", "UnitPrice": 952.47738526783769, "DateAdded": "1996-08-13T02:18:57.885" }, { "ProductID": 7, "UnitsInStock": 277, "ProductDescription": "obgiuvxwpu", "UnitPrice": 365.10401748358458, "DateAdded": "2000-12-10T18:15:56.766" }, { "ProductID": 8, "UnitsInStock": 56, "ProductDescription": "uwvfycvhlx", "UnitPrice": 989.65917108098938, "DateAdded": "2004-04-17T05:46:07.239" }, { "ProductID": 9, "UnitsInStock": 143, "ProductDescription": "joismllpcpki", "UnitPrice": 928.07773916426936, "DateAdded": "2006-12-28T05:11:23.373" }, { "ProductID": 10, "UnitsInStock": 790, "ProductDescription": "wwh fp", "UnitPrice": 228.61830295464878, "DateAdded":...