JSFiddle - React, Tailwind, and code Playground

by Oleg Kiriljuk

HTML

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/jqueryui/1.11.4/themes/redmond/jquery-ui.min.css">
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/free-jqgrid/4.15.2/css/ui.jqgrid.min.css">
<script src="https://cdnjs.cloudflare.com/ajax/libs/free-jqgrid/4.15.2/jquery.jqgrid.min.js"></script>
<table id="grid"></table>

JavaScript

$(function () {
    "use strict";
    var mydata = [{
            "Id": 1,
            "Code": "ASC",
            "Name": "Aslan \u00c7imento",
            "Address1": "Konya",
            "Address2": " ",
            "City": "Konya",
            "Town": " ",
            "PostCode": "123",
            "Tel1": " ",
            "Tel2": "32434",
            "ContactName": "ASC",
            "ContactTel1": "423432",
            "Email": "aslan@hotmail.com",
            "TaxNumber": "2342423",
            "TaxAdministration": "ddsef",
            "IBAN1": "21321312",
            "IBAN2": " ",
            "TCNo": " ",
            "Kep": "aslan@hotmail.com",
            "SskNo": "2324234234",
            "Bank1": "safsefes",
            "Bank2": " "
        }, {
            "Id": 2,
            "Code": "OYT",
            "Name": "Oyta\u015f A.\u015e.",
            "Address1": "Ankara",
            "Address2": "Ankara",
            "City": "Ankara",
            "Town": " ",
            "PostCode": " ",
            "Tel1": "Ankara",
            "Tel2": "32424",
            "ContactName": "oyt",
            "ContactTel1": "345345",
            "Email": "oytas@gmail.com",
            "TaxNumber": "43543",
            "TaxAdministration": "5435",
            "IBAN1": "453453454",
            "IBAN2": " ",
            "TCNo": " ",
            "Kep": "oytas@gmail.com",
            "SskNo": "345",
            "Bank1": "sadfds",
            "Bank2": "dsfsdf"
        }];
    $("#grid").jqGrid({
        colModel: [
            {name: 'Id', key: true, width: 30},
            {name: 'Code', width: 50},
            {name: 'Name', width: 100, sortable: false}
        ],
        data: mydata
    });
});