JSFiddle - React, Tailwind, and code Playground

HTML

<table id="list2"></table>
<div id="pager2"></div>

JavaScript

$(document).ready(function(){
jQuery("#list2").jqGrid({
    url: "mydata",
    height: 250,
    colNames:['Inv No','Date', 'Client', 'Amount','Tax','Total','Notes'],
    colModel:[
        {name:'id',index:'id', width:60, sorttype:"int"},
		{name: 'invdate', index: 'invdate', search: false, editable: true, align: "left", width: 75, 
                        formatter: function mydate(cellvalue, options, rowObject) {
                                            debugger;
                                            if (cellvalue == null)
                                                {
                                                    return "N/A";
                                                }
                                            else
                                            {
                                                return fn.fmatter.call(this, "date", cellvalue, options, rowObject);
                                            }
                                            }, formatoptions: { newformat: "m/d/Y" },
                        editoptions: {
                            size: 20,
                            dataInit: function (el) {
                                $(el).datepicker({ dateFormat: 'mm/d/yy' });
                            },
                            defaultValue: function () {
                                var currentTime = new Date();
                                var month = parseInt(currentTime.getMonth() + 1);
                                month = month <= 9 ? "0" + month : month;
                                var day = currentTime.getDate();
                                day = day <= 9 ? "0" + day : day;
                                var year = currentTime.getFullYear();
                                return day + "/" + month + "/" + year;
                            }
        }},
        {name:'name',index:'name', width:100},
        {name:'amount',index:'amount', width:80,...