JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="http://www.ok-soft-gmbh.com/jqGrid/jquery.jqGrid-4.3.2_/css/ui.jqgrid.css">
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.18/jquery-ui.min.js"></script>
<script src="http://www.ok-soft-gmbh.com/jqGrid/jquery.jqGrid-4.3.2_/src/i18n/grid.locale-en.js"></script>
<script src="http://www.ok-soft-gmbh.com/jqGrid/jquery.jqGrid-4.3.2_/js/jquery.jqGrid.src-fixed1.js"></script>
<link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.18/themes/redmond/jquery-ui.css">
 <table id="TransactionsGrid">
        </table>

JavaScript

var columnsData = "{\"Table1\":[{\"TransactionId\":null,\"Name\":\"ID\",\"Datatype\":\"String\",\"ValueList\":\":;\",\"ValueId\":\"704131\",\"ValueType\":\"F\",\"IsRequired\":\"false\",\"IsReadOnly\":\"\",\"IsHidden\":\"false\",\"IsAssigned \":null,\"DefaultValue\":\"\"},{\"TransactionId\":null,\"Name\":\"Project Type\",\"Datatype\":\"String\",\"ValueList\":\":;\",\"ValueId\":\"704132\",\"ValueType\":\"F\",\"IsRequired\":\"false\",\"IsReadOnly\":\"\",\"IsHidden\":\"false\",\"IsAssigned \":null,\"DefaultValue\":\"\"},{\"TransactionId\":null,\"Name\":\"Project Status\",\"Datatype\":\"String\",\"ValueList\":\":;\",\"ValueId\":\"704133\",\"ValueType\":\"F\",\"IsRequired\":\"false\",\"IsReadOnly\":\"\",\"IsHidden\":\"false\",\"IsAssigned \":null,\"DefaultValue\":\"\"},{\"TransactionId\":null,\"Name\":\"Quarter\",\"Datatype\":\"String\",\"ValueList\":\":;\",\"ValueId\":\"704134\",\"ValueType\":\"F\",\"IsRequired\":\"false\",\"IsReadOnly\":\"\",\"IsHidden\":\"false\",\"IsAssigned \":null,\"DefaultValue\":\"\"},{\"TransactionId\":null,\"Name\":\"Year\",\"Datatype\":\"String\",\"ValueList\":\":;\",\"ValueId\":\"704136\",\"ValueType\":\"F\",\"IsRequired\":\"false\",\"IsReadOnly\":\"\",\"IsHidden\":\"false\",\"IsAssigned \":null,\"DefaultValue\":\"\"},{\"TransactionId\":null,\"Name\":\"Employee Number\",\"Datatype\":\"String\",\"ValueList\":\":;\",\"ValueId\":\"704137\",\"ValueType\":\"F\",\"IsRequired\":\"false\",\"IsReadOnly\":\"\",\"IsHidden\":\"false\",\"IsAssigned \":null,\"DefaultValue\":\"\"},{\"TransactionId\":null,\"Name\":\"Employee Name\",\"Datatype\":\"String\",\"ValueList\":\":;\",\"ValueId\":\"704138\",\"ValueType\":\"F\",\"IsRequired\":\"false\",\"IsReadOnly\":\"\",\"IsHidden\":\"false\",\"IsAssigned \":null,\"DefaultValue\":\"\"},{\"TransactionId\":null,\"Name\":\"Shift\",\"Datatype\":\"String\",\"ValueList\":\":;\",\"ValueId\":\"704139\",\"ValueType\":\"F\",\"IsRequired\":\"false\",\"IsReadOnly\":\"\",\"IsHidden\":\"false\",\"IsAssigned...