JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/jsgrid/1.5.3/jsgrid.min.js"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/jsgrid/1.5.3/jsgrid.min.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/jsgrid/1.5.3/jsgrid-theme.min.css">
<div id="grid"></div>

JavaScript

var demo = function () {
            let grid = function () {
                $("#grid").jsGrid({
                    width: "100%",
                    height: "400px",
                    filtering: true,
                    editing: true,
                    sorting: true,
                    paging: true,
                    data: friends,
                    fields: [{
                        name: "Name",
                        type: "text",
                        width: 100
                    },
                    {
                        name: "Age",
                        type: "number",
                        width: 50
                    },
                        countries,
                    {
                        name: "Cool",
                        type: "checkbox",
                        width: 40,
                        title: "Is Cool",
                        sorting: false
                    },
                    {
                        type: "control"
                    }
                    ]
                });

                var friends = [{
                    Name: "Ada Lovelace",
                    Age: 36,
                    Country: 3,
                    Cool: true,
                },
                {
                    Name: "Grace Hopper",
                    Age: 85,
                    Country: 1,
                    Cool: true,
                },
                {
                    Name: "Alan Turing",
                    Age: 41,
                    Country: 3,
                    Cool: true,
                },
                {
                    Name: "Miguel Alcubierre",
                    Age: 53,
                    Country: 5,
                    Cool: true,
                }
                ];

                var countries = {
                    name: "Country",
                    type: "select",
                    items: [{
                        Name: "",
                        Id: 0
...