JSFiddle - React, Tailwind, and code Playground

by ajo4you

HTML

<link rel="stylesheet" href="http://www.ok-soft-gmbh.com/jqGrid/jquery.jqGrid-4.2.0/plugin/ui.multiselect.css">
<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.16/jquery-ui.min.js"></script>
<script src="http://www.ok-soft-gmbh.com/jqGrid/jquery.jqGrid-4.2.0/plugin/ui.multiselect.js"></script>
<script src="http://www.ok-soft-gmbh.com/jqGrid/jquery.jqGrid-4.2.0/js/i18n/grid.locale-en.js"></script>
<script src="http://www.ok-soft-gmbh.com/jqGrid/jquery.jqGrid-4.2.0/js/jquery.jqGrid.min.js"></script>
<script src="http://www.ok-soft-gmbh.com/jqGrid/json2.js"></script>
<table id="list">
    <tr>
        <td/>
    </tr>
</table>
<div id="pager"></div>

JavaScript

//itnLog not working good in IE
 //workaround is here
 function itnLog(str) {
     try {
         console.log(str);
     } catch (e) {
         //do nothing
     }
 };

 $(document).ready(function () {
     'use strict';
     var myData = [{
         id: "1",
         invdate: "2007-10-01",
         name: "test",
         note: "note",
         amount: "200.00",
         tax: "10.00",
         closed: true,
         ship_via: "TN",
         total: "210.00"
     }, {
         id: "2",
         invdate: "2007-10-02",
         name: "test2",
         note: "note2",
         amount: "300.00",
         tax: "20.00",
         closed: false,
         ship_via: "FE",
         total: "320.00"
     }, {
         id: "3",
         invdate: "2011-07-30",
         name: "test3",
         note: "note3",
         amount: "400.00",
         tax: "30.00",
         closed: true,
         ship_via: "FE",
         total: "430.00"
     }, {
         id: "4",
         invdate: "2007-10-04",
         name: "test4",
         note: "note4",
         amount: "200.00",
         tax: "10.00",
         closed: true,
         ship_via: "TN",
         total: "210.00"
     }, {
         id: "5",
         invdate: "2007-10-31",
         name: "test5",
         note: "note5",
         amount: "300.00",
         tax: "20.00",
         closed: false,
         ship_via: "FE",
         total: "320.00"
     }, {
         id: "6",
         invdate: "2007-09-06",
         name: "test6",
         note: "note6",
         amount: "400.00",
         tax: "30.00",
         closed: false,
         ship_via: "FE",
         total: "430.00"
     }, {
         id: "7",
         invdate: "2011-07-30",
         name: "test7",
         note: "note7",
         amount: "200.00",
         tax: "10.00",
         closed: true,
         ship_via: "TN",
         total: "210.00"
     }, {
         id: "8",
         invdate: "2007-10-03",
         name: "test8",
         note: "note8",
         amount: "300.00",
        ...