JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://jqwidgets.com/public/jqwidgets/jqx-all.js"></script>
<link rel="stylesheet" href="https://jqwidgets.com/public/jqwidgets/styles/jqx.base.css">
<div class = "wrapper">
<!--<div id="grid" class ="clickable" style="margin:100px 10px 20px 20px;"></div>-->
<div class ="clickable" style="margin:100px 10px 20px 20px;"></div>
</div>

CSS

.test {
  margin:100px 10px 20px 20px;
}

JavaScript

var source = {
                localdata: [
                    ["https://www.samplelink.com", "Maria Anders", "Sales Representative", "Obere Str. 57", "Berlin", "Germany"],
                    ["https://www.samplelink.com", "Ana Trujillo", "Owner", "Avda. de la Constitucin 2222", "Mxico D.F.", "Mexico"],
                    ["https://www.samplelink.com", "Antonio Moreno", "Owner", "Mataderos 2312", "Mxico D.F.", "Mexico"],
                    ["https://www.samplelink.com", "Thomas Hardy", "Sales Representative", "120 Hanover Sq.", "London", "UK"],
                    ["https://www.samplelink.com", "Christina Berglund", "Order Administrator", "Berguvsvgen 8", "Lule", "Sweden"],
                    ["https://www.samplelink.com", "Hanna Moos", "Sales Representative", "Forsterstr. 57", "Mannheim", "Germany"],
                    ["https://www.samplelink.com", "Roland Mendel", "Sales Manager", "Kirchgasse 6", "Graz", "Austria"]
                ],
                datafields: [{
                    name: 'link',
                    type: 'string',
                    map: '0'
                },
                {
                    name: 'ContactName',
                    type: 'string',
                    map: '1'
                },
                {
                    name: 'Title',
                    type: 'string',
                    map: '2'
                },
                {
                    name: 'Address',
                    type: 'string',
                    map: '3'
                },
                {
                    name: 'City',
                    type: 'string',
                    map: '4'
                },
                {
                    name: 'Country',
                    type: 'string',
                    map: '5'
                }
                ],
                datatype: "array"
            };
            var dataAdapter = new $.jqx.dataAdapter(source);


            $(".clickable").jqxGrid({
                width: 800,
 ...