JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="http://code.jquery.com/ui/1.11.2/themes/ui-lightness/jquery-ui.css">
<script src="http://code.jquery.com/ui/1.11.2/jquery-ui.min.js"></script>
<script src="http://jqgrid.orionhub.org:8000/grid.locale-es.js"></script>
<script src="http://jqgrid.orionhub.org:8000/jquery.jqGrid.src.js"></script>
<link rel="stylesheet" href="http://jqgrid.orionhub.org:8000/ui.jqgrid.css">
<div>
    <table id="sampleGrid"><tr><td></td></tr></table>
    <div id="pagerSampleGrid"></div>    
    <button type="button" id="reload">reload grid</button>
</div>

JavaScript

var serverResponse = 
{"d":{"page":1,"total":1,"records":100,"rows":[["1","Case 1","Person 1"],["1","Case 1","Person 6"], ["1","Case 1","Person 35"],["2","Case 2","Person 1"]]}};       

$(document).ready(function () {       
    
    setjqGridSettings();
    setGridRequirentes();
    
    $("#reload").on("click", function (e) {
        // simulate response from server with the new inserted value
var serverResponse2 = 
{"d":{"page":1,"total":1,"records":100,"rows":[["1","Case 1","Person 1"],["1","Case 1","Person 6"], ["1","Case 1","Person 22"],["1","Case 1","Person 35"],["2","Case 2","Person 1"]]}}; 
        
        $("#sampleGrid").jqGrid("setGridParam", { datatype: "json", page: 1, url: "/echo/json/",
        postData: {
            json: JSON.stringify(serverResponse2)
        }}).trigger("reloadGrid");
    });
});
    
function setjqGridSettings()
{        
    $.jgrid.no_legacy_api = true; 
    $.jgrid.useJSON = true;     
    
    $.extend($.jgrid.defaults,
    {
        mtype:"POST",                       
        datatype: 'json',
        ajaxGridOptions: { contentType: "application/json; charset=utf-8" },    
        viewrecords: true,
        loadonce: true,
        gridview: true,
        scrollOffset: 0,
        autowidth: true,
        ignoreCase: true,
        jsonReader : {
            root: "d.rows",
            page: "d.page",
            total: "d.total",
            records: "d.records",
            cell: ""},
        ajaxSelectOptions: { type: "POST", contentType: 'application/json; charset=utf-8' }
    });
    
    $.extend($.jgrid.edit,
    {
        ajaxEditOptions: { contentType: "application/json; charset=utf-8" },
        closeAfterEdit: true,
        closeAfterAdd: true,
        closeOnEscape: false,
        reloadAfterSubmit: false,
        jqModal: false
    });    
}    
    
function setGridRequirentes()
{       
    var modSettings =
    {
        width: 440,
        url: "/echo/json/",
        postData: {
            json:...