JSFiddle - React, Tailwind, and code Playground

by ecropolis

HTML

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/jsgrid/1.5.1/jsgrid.min.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/jsgrid/1.5.1/jsgrid-theme.min.css">
<script src="//cdnjs.cloudflare.com/ajax/libs/jsgrid/1.5.1/jsgrid.min.js"></script>
<div id="jsGrid"></div>

JavaScript

db = {json: JSON.stringify({"count":42,"rows":[{"id":1,"name":"Peter","email":"[email protected]","uuid":"95b1a7bd-6b40-458c-9b1f-523c66dcd894","Date":"0000-00-00 00:00:00","Status":0},{"id":2,"name":"","email":"[email protected]","uuid":"aa0d24b5-5681-4de1-94b5-523965313540","Date":"0000-00-00 00:00:00","Status":0},{"id":3,"name":"","email":"[email protected]","uuid":"5cdebc98-c3a6-4242-8f88-52652c43d580","Date":"2016-01-21 12:35:51","Status":0},{"id":4,"name":"Sabe","email":"[email protected]","uuid":"de907103-e6e0-42f8-91da-5269d688b4b8","Date":"2016-01-22 10:21:42","Status":0},{"id":5,"name":"Anders","email":"[email protected]","uuid":"d73cb4c6-b739-4aeb-b1ab-52dc34ffa8b0","Date":"2016-02-13 15:13:25","Status":0},{"id":6,"name":"Tilly","email":"[email protected]","uuid":"a3c3119a-6e88-4509-8616-52e664954ff1","Date":"2016-02-15 14:42:59","Status":0},{"id":7,"name":"Tree","email":"[email protected]","uuid":"a244a47b-96a0-442c-8814-52ccf1d012ef","Date":"2016-02-10 16:03:22","Status":1},{"id":8,"name":"Howard","email":"[email protected]","uuid":"b0a86857-44d4-40ab-a32e-529c04cb1f34","Date":"2016-02-01 03:55:49","Status":8},{"id":9,"name":"Harold","email":"[email protected]","uuid":"31935706-c249-4515-b141-52e687ae5f49","Date":"2016-02-15 15:21:38","Status":0},{"id":10,"name":"James","email":"[email protected]","uuid":"3fba83e4-2029-4310-b2e6-531f261aa956","Date":"2016-02-26 15:21:34","Status":1},{"id":11,"name":"Johnny","email":"[email protected]","uuid":"9c2dd4cf-9a6b-4d55-b5b1-5361dd31f30f","Date":"2016-03-10 14:26:38","Status":1},{"id":12,"name":"Winston","email":"[email protected]","uuid":"10f0a759-a2d5-4be9-8d21-53686c957f62","Date":"2016-03-11 21:01:59","Status":0},{"id":13,"name":"Mike","email":"[email protected]","uuid":"37c9a0dd-ac6f-4284-88b1-53a00a28ec06","Date":"2016-03-22 17:21:17","Status":1},{"id":14,"name":"Ajay","email":"[email protected]","uuid":"3e17c708-0675-4ba5-a6bd-53a9bd5747bf","Date":"2016-03-24...