JSFiddle - React, Tailwind, and code Playground

HTML

<html>
    <head>
        <link type="text/css" rel="stylesheet" href="http://www.flexigrid.info/css/flexigrid.pack.css" />
        <!--<script type="text/javascript" src="http://code.jquery.com/jquery-1.5.2.min.js"></script>-->
        <script type="text/javascript" src="http://www.flexigrid.info/js/flexigrid.pack.js"></script>
    </head>
    
    <body>
        <h2>Datagrid below:</h2>
       
        <table id="datagrid" style="display: none"></table>
    </body>
</html>

JavaScript

$("#datagrid").flexigrid({
            url : 'http://www.flexigrid.info/post-xml.php',
            dataType : 'xml',
            colModel : [ {
                display : 'ISO',
                name : 'iso',
                width :  GetColumnSize(40),
                sortable : true,
                align : 'center'
            }, {
                display : 'Name',
                name : 'name',
                width :  GetColumnSize(90),
                sortable : true,
                align : 'left'
            }, {
                display : 'Printable Name',
                name : 'printable_name',
                width :  GetColumnSize(100),
                sortable : true,
                align : 'left'
            }, {
                display : 'ISO3',
                name : 'iso3',
                width :  GetColumnSize(40),
                sortable : true,
                align : 'left',
                hide : true
            }, {
                display : 'Number Code',
                name : 'numcode',
                width :  GetColumnSize(100),
                sortable : true,
                align : 'right'
            } ],
            buttons : [ {
                name : 'Add',
                bclass : 'add',
                onpress : test
            }, {
                name : 'Delete',
                bclass : 'delete',
                onpress : test
            }, {
                separator : true
            } ],
            searchitems : [ {
                display : 'ISO',
                name : 'iso'
            }, {
                display : 'Name',
                name : 'name',
                isdefault : true
            } ],
            sortname : "iso",
            sortorder : "asc",
            usepager : true,
            title : 'Countries',
            useRp : true,
            rp : 15,
            showTableToggleBtn : true,
            width : 700,
            height : 200
        });

        function test(com, grid) {
        ...