JSFiddle - React, Tailwind, and code Playground

by Darth Vader

HTML

<link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.14/themes/base/jquery-ui.css">
<link rel="stylesheet" href="http://trirand.com/blog/jqgrid/themes/ui.jqgrid.css">
<script src="//ajax.googleapis.com/ajax/libs/jqueryui/1.10.4/jquery-ui.min.js"></script>
<script src="http://trirand.com/blog/jqgrid/js/jquery.jqGrid.min.js"></script>
<table id="grid"></table>

JavaScript

var gridData = [{state: "OR", screeningCompliance:"98"}, 
            {state: "AS", screeningCompliance:"43"}
           ];
var gridOptions = {
    datatype: "local",
    height: 250,
    colNames: ['state', 'screeningCompliance'],
    colModel: [{
        name: 'state',
        index: 'state'
    },{
        name: 'screeningCompliance',
        index: 'screeningCompliance'
    }
    ],
    caption: "Stack Overflow Example",
    data: gridData
    // ondblClickRow: function(rowid,iRow,iCol,e){alert('double clicked');}
};

console.log(gridOptions);
$("#grid").jqGrid(gridOptions);