JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.9.1/themes/smoothness/jquery-ui.css">
<script src="http://trirand.com/blog/jqgrid/js/jquery.jqGrid.min.js"></script>
<script src="http://trirand.com/blog/jqgrid/js/i18n/grid.locale-en.js"></script>
<link rel="stylesheet" href="http://trirand.com/blog/jqgrid/themes/ui.jqgrid.css">
<div id="dialog2" title="Choose Commodity">
	<table id="list2" width="100%"></table>
	<div id="pager2"></div>
	<div class="btn-wrapper">
		<input type="button" value="Add" class="btn"
        id="commodity" /> 
	</div>
</div>
        <div id="commodityArea"></div>

JavaScript

$(document).ready(function() {
var idsOfSelectedRows = [];
var newdata = [{"id":132,"commodityCode":"132","commodityDesc":"Additives (Unmatched)","commodityCategoryId":"Additives (Unmatched)"},{"id":181,"commodityCode":"181","commodityDesc":"Agricultural Packages","commodityCategoryId":"Lubricant Additive Packages"},{"id":136,"commodityCode":"136","commodityDesc":"Alcohols","commodityCategoryId":"Chemical Additives"},{"id":137,"commodityCode":"137","commodityDesc":"Alkaline Builders","commodityCategoryId":"Chemical Additives"},{"id":138,"commodityCode":"138","commodityDesc":"Amines","commodityCategoryId":"Chemical Additives"},{"id":170,"commodityCode":"170","commodityDesc":"Anti - Static Fuel Additive","commodityCategoryId":"Fuel Additives"},{"id":139,"commodityCode":"139","commodityDesc":"Anti-foam","commodityCategoryId":"Community Relations Services"},{"id":140,"commodityCode":"140","commodityDesc":"Antioxidants","commodityCategoryId":"Chemical Additives"},{"id":141,"commodityCode":"141","commodityDesc":"Antiwear Additives","commodityCategoryId":"Chemical Additives"},{"id":142,"commodityCode":"142","commodityDesc":"Aromatic Extracts","commodityCategoryId":"Chemical Additives"},{"id":182,"commodityCode":"182","commodityDesc":"Aviation Additives","commodityCategoryId":"Lubricant Additive Packages"},{"id":133,"commodityCode":"133","commodityDesc":"Base Fluid Additives (Unmatched)","commodityCategoryId":"Base Fluid Additives"},{"id":211,"commodityCode":"211","commodityDesc":"Base Oil - Hydrocracked - Group I I I","commodityCategoryId":"Base Oil - Hydrocracked - Group I I I"},{"id":212,"commodityCode":"212","commodityDesc":"Base Oil - Hydrotreated - Group I I","commodityCategoryId":"Base Oil - Hydrotreated - Group I I"}];

    jQuery("#list2").jqGrid({
        data : newdata,
        datatype : "local",
        colNames : [ "id", "Commodity Code",
                "Commodity Description", "Commodity Category" ],
        colModel : [
                {
                ...