JSFiddle - React, Tailwind, and code Playground

JavaScript

//$(document).ready(function () {

function ShowGrid() {


    var grid = jQuery('#list1');
    grid.jqGrid({
        colNames: ['Airport', 'IATA Code', 'ICAO Code', 'Country', 'Altitude', 'Humidity', 'Runway Length'],

        colModel: [

        // to redirect to details page without Row ID
        {
            name: 'Airport',
            formatter: UrlFmatter,
            width: 95,
            align: "center",
            index: 'AIRPORT',
            searchoptions: {
                sopt: ['eq', 'ne', 'cn']
            }
        }, {
            name: 'IATACode',
            width: 100,
            align: "center",
            index: 'IATACode',
            searchoptions: {
                sopt: ['eq', 'ne']
            }
        }, {
            name: 'ICAOCode',
            width: 110,
            align: "center",
            index: 'ICAOCode',
            searchoptions: {
                sopt: ['eq', 'ne', 'cn']
            }
        }, {
            name: 'Country',
            width: 95,
            align: "center",
            index: 'Country',
            searchoptions: {
                sopt: ['eq', 'ne']
            }
        }, {
            name: 'Altitude',
            width: 85,
            align: "center",
            index: 'Altitude',
            searchoptions: {
                sopt: ['eq', 'ne']
            }
        }, {
            name: 'Humidity',
            width: 90,
            align: "center",
            index: 'Humidity',
            searchoptions: {
                sopt: ['eq', 'ne']
            }
        }, {
            name: 'RunwayLength',
            width: 135,
            align: "center",
            index: 'RunwayLength',
            searchoptions: {
                sopt: ['eq', 'ne']
            }
        }],
        pager: jQuery('#pager'),
        sortname: 'Airport',
        height: 'auto',
        rowNum: 10,
        rowList: [5, 10],
        sortorder: "asc",
        /* width: 600,
        height: 250,*/
       ...