JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.5.2/jquery.min.js"></script>
<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.23/jquery-ui.min.js"></script>
<link rel="stylesheet" href="http://www.ok-soft-gmbh.com/jqGrid/jquery.jqGrid-4.4.1/css/ui.jqgrid.css">
<link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.23/themes/redmond/jquery-ui.css">
<script src="http://www.ok-soft-gmbh.com/jqGrid/jquery.jqGrid-4.4.1/js/i18n/grid.locale-en.js"></script>
<script src="http://www.ok-soft-gmbh.com/jqGrid/jquery.jqGrid-4.4.1/js/jquery.jqGrid.src.js"></script>
<table id="tGrid">
</table>
<div id="dPager">
</div>   

<input id="iPicker" type="text" />

CSS

html, body { font-size: 75%; }

JavaScript

function setDatepicker(control) {

    $(control).datepicker({
        changeMonth: true,
        changeYear: true,
        monthNamesShort: ["Enero", "Febrero", "Marzo", "Abril", "Mayo", "Junio", "Julio", "Agosto", "Septiembre", "Octubre", "Noviembre", "Diciembre"]
    });
}

function loadGrid() {
    var date = function(el) {
        setTimeout(function() {

            $(el).datepicker({
                changeMonth: true,
                changeYear: true,
                monthNamesShort: ["Enero", "Febrero", "Marzo", "Abril", "Mayo", "Junio", "Julio", "Agosto", "Septiembre", "Octubre", "Noviembre", "Diciembre"]
            });
        }, 100);
    };
    var sample = [
        {
        ProjectID: "1",
        ProjectName: "abc",
        VersionID: "1",
        Client: "abc",
        Type: "abc",
        BudgetOp: ""},
    {
        ProjectID: "2",
        ProjectName: "abc",
        VersionID: "2",
        Client: "abc",
        Type: "abc",
        BudgetOp: ""},
    {
        ProjectID: "3",
        ProjectName: "abc",
        VersionID: "3",
        Client: "abc",
        Type: "abc",
        BudgetOp: ""},
    {
        ProjectID: "4",
        ProjectName: "abc",
        VersionID: "4",
        Client: "abc",
        Type: "abc",
        BudgetOp: ""}];
    var grid = $('#tGrid');
    grid.jqGrid({
        datatype: 'local',
        data: sample,
        colNames: ['Código', 'Descripción', 'Revisión', 'Cliente', 'Tipo', 'País', 'Sub Tipo', 'Sede', 'Inicio Presupuesto',
                                                    'Cierre Presupuesto', 'Inicio Contrato', 'Cierre Contrato', 'Inicio Construcción', 'Fin Construcción',
                                                    'Usuario Presupuestista', 'Responsable de la Aprobación', 'Imputación SAP', 'Estados Iniciales'],
        colModel: [
            {
            name: 'ProjectID',
            editable: true,
            index: 'ProjectID',
            align: "center",
            editrules: {
           ...