JSFiddle - React, Tailwind, and code Playground

HTML

<script src="http://code.jquery.com/ui/1.10.4/jquery-ui.js"></script>
<link rel="stylesheet" href="http://code.jquery.com/ui/1.10.4/themes/smoothness/jquery-ui.css">
<link rel="stylesheet" href="http://www.trirand.com/blog/jqgrid/themes/ui.jqgrid.css">
<script src="http://www.trirand.com/blog/jqgrid/js/i18n/grid.locale-en.js"></script>
<script src="http://www.trirand.com/blog/jqgrid/js/jquery.jqGrid.js"></script>
<script src="http://brianreavis.github.io/selectize.js/js/selectize.js"></script>
<link rel="stylesheet" href="http://brianreavis.github.io/selectize.js/css/selectize.default.css">
<div id="LeftPane" class="ui-layout-west ui-widget ui-widget-content">
		<table id="rowed6"></table>
	</div> <!-- #LeftPane -->

JavaScript

var lastsel3;
jQuery("#rowed6").jqGrid({        
	datatype: "local",
	height: 250,
   	colNames:['ID Number','Last Sales','Name', 'Stock', 'Ship via','Notes'],
   	colModel:[
   		{name:'id',index:'id', width:90, sorttype:"int", editable: true},
		{name:'sdate',index:'sdate',width:90, editable:true, sorttype:"date"},
   		{name:'name',index:'name', width:150,editable: true,editoptions:{size:"20",maxlength:"30"}},
   		{name:'stock',index:'stock', width:60, editable: true,edittype:"checkbox",editoptions: {value:"Yes:No"}},
        {name:'ship',index:'ship', width:90, editable: true,edittype:"select",editoptions:{value:":Please select;FE:FedEx;IN:InTime;TN:TNT;AR:ARAMEX",dataInit:function(elem){ var tid=elem.id; setTimeout(function(){ $('#'+tid).selectize({delimiter: ',',    persist: false, createOnBlur: true,create:false,dropdownParent:'body', wrapperClass: 'selectize-control ui-widget',inputClass: 'selectize-input ui-autocomplete-input ui-widget ui-widget-content ui-corner-all ui-state-default',dropdownClass: 'selectize-dropdown ui-widget ui-widget-content ui-menu ui-corner-all',dropdownContentClass: 'selectize-dropdown-content'});},500); }}},
        {name:'note',index:'note', width:200, sortable:false,editable: true,edittype:"select", editoptions:{multiple:true,value:":Please select;FE:FedEx;IN:InTime;TN:TNT;AR:ARAMEX",dataInit:function(elem){ var tid=elem.id; setTimeout(function(){ $('#'+tid).selectize({delimiter: ',',    persist: false, createOnBlur: true,create:false,dropdownParent:'body', wrapperClass: 'selectize-control ui-widget',inputClass: 'selectize-input ui-autocomplete-input ui-widget ui-widget-content ui-corner-all ui-state-default',dropdownClass: 'selectize-dropdown ui-widget ui-widget-content ui-menu ui-corner-all',dropdownContentClass: 'selectize-dropdown-content'});},500); }}}		
   	],
    /*
	onSelectRow: function(id){
		if(id &&...