JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="//ajax.googleapis.com/ajax/libs/jqueryui/1.11.2/themes/redmond/jquery-ui.css">
<link rel="stylesheet" href="//cdn.jsdelivr.net/jqgrid/4.6.0/css/ui.jqgrid.css">
<script src="//cdn.jsdelivr.net/jqgrid/4.6.0/i18n/grid.locale-en.js"></script>
<script src="//cdn.jsdelivr.net/jqgrid/4.6.0/jquery.jqGrid.src.js"></script>
<table id="grid"></table>
<div id="pager"></div>

JavaScript

var serverResponse = [{
    "ORDITM": "BE00003",
        "CUSTOMER": "ASIA PACIFIC SPIRAL PTE. LTD.           ",
        "CASES": "BPS1B01897          ",
        "ASSMASS": "1337",
        "ORDMASS": "80000",
        "DIST": "81035.000",
        "WIP": "81035.000",
        "MDB": "0.000"
}, {
    "ORDITM": "BE00003",
        "CUSTOMER": "ASIA PACIFIC SPIRAL PTE. LTD.           ",
        "CASES": "BPS1B01900          ",
        "ASSMASS": "1340",
        "ORDMASS": "80000",
        "DIST": "81035.000",
        "WIP": "81035.000",
        "MDB": "0.000"
}, {
    "ORDITM": "BE00003",
        "CUSTOMER": "ASIA PACIFIC SPIRAL PTE. LTD.           ",
        "CASES": "BPS1B01901          ",
        "ASSMASS": "1340",
        "ORDMASS": "80000",
        "DIST": "81035.000",
        "WIP": "81035.000",
        "MDB": "0.000"
}, {
    "ORDITM": "BE00003",
        "CUSTOMER": "ASIA PACIFIC SPIRAL PTE. LTD.           ",
        "CASES": "BPS1B01902          ",
        "ASSMASS": "1339",
        "ORDMASS": "80000",
        "DIST": "81035.000",
        "WIP": "81035.000",
        "MDB": "0.000"
}, {
    "ORDITM": "BE00003",
        "CUSTOMER": "ASIA PACIFIC SPIRAL PTE. LTD.           ",
        "CASES": "BPS1B01904          ",
        "ASSMASS": "1339",
        "ORDMASS": "80000",
        "DIST": "81035.000",
        "WIP": "81035.000",
        "MDB": "0.000"
}, {
    "ORDITM": "BE00003",
        "CUSTOMER": "ASIA PACIFIC SPIRAL PTE. LTD.           ",
        "CASES": "BPS1B01907          ",
        "ASSMASS": "1327",
        "ORDMASS": "80000",
        "DIST": "81035.000",
        "WIP": "81035.000",
        "MDB": "0.000"
}, {
    "ORDITM": "BE00003",
        "CUSTOMER": "ASIA PACIFIC SPIRAL PTE. LTD.           ",
        "CASES": "BPS1B01909          ",
        "ASSMASS": "1335",
        "ORDMASS": "80000",
        "DIST": "81035.000",
        "WIP": "81035.000",
        "MDB": "0.000"
}, {
    "ORDITM": "BE00003",
        "CUSTOMER": "ASIA PACIFIC SPIRAL PTE. LTD.        ...