JSFiddle - React, Tailwind, and code Playground

by Oleg Kiriljuk

HTML

<script src="https://code.jquery.com/jquery-1.11.1.min.js"></script>
<script src="https://code.jquery.com/ui/1.10.4/jquery-ui.min.js"></script>
<script src="https://rawgit.com/ehynds/jquery-ui-multiselect-widget/1.13/src/jquery.multiselect.js"></script>
<link rel="stylesheet" href="https://rawgit.com/ehynds/jquery-ui-multiselect-widget/1.13/jquery.multiselect.css">
<link rel="stylesheet" href="https://code.jquery.com/ui/1.10.4/themes/smoothness/jquery-ui.css">
<link rel="stylesheet" href="https://rawgit.com/free-jqgrid/jqGrid/master/css/ui.jqgrid.css">
<script src="https://rawgit.com/free-jqgrid/jqGrid/master/js/jquery.jqgrid.src.js"></script>
<table id="jqGridA"></table>

CSS

.ui-multiselect-menu {
    font-size: 75%;
}

JavaScript

var myData = [
		{
            id: "1",
            name: "John, Doe",
            note: "note",
            amount: "200.00",
            tax: "10.00",
            ship_via: "TN",
            total: "210.00"
        }, {
            id: "2",
            name: "Ab, Smith",
            note: "note2",
            amount: "300.00",
            tax: "20.00",
            ship_via: "FE",
            total: "320.00"
        }, {
            id: "3",
            name: "test3",
            note: "note3",
            amount: "400.00",
            tax: "30.00",
            ship_via: "FE",
            total: "430.00"
        }, {
            id: "4",
            name: "test4",
            note: "note4",
            amount: "200.00",
            tax: "10.00",
            ship_via: "TN",
            total: "210.00"
        }, {
            id: "5",
            name: "test5",
            note: "note5",
            amount: "300.00",
            tax: "20.00",
            ship_via: "FE",
            total: "320.00"
        }, {
            id: "6",
            name: "test6",
            note: "note6",
            amount: "400.00",
            tax: "30.00",
            ship_via: "FE",
            total: "430.00"
        }, {
            id: "7",
            name: "test7",
            note: "note7",
            amount: "200.00",
            tax: "10.00",
            ship_via: "TN",
            total: "210.00"
        }, {
            id: "8",
            name: "test8",
            note: "note8",
            amount: "300.00",
            tax: "20.00",
            ship_via: "FE",
            total: "320.00"
        }, {
            id: "9",
            name: "test9",
            note: "note9",
            amount: "400.00",
            tax: "30.00",
            ship_via: "TN",
            total: "430.00"
        }, {
            id: "10",
            name: "test10",
            note: "note10",
            amount: "500.00",
            tax: "30.00",
            ship_via: "TN",
         ...