JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="//code.jquery.com/ui/1.10.3/themes/smoothness/jquery-ui.css">
<link rel="stylesheet" href="//cdn.datatables.net/plug-ins/a5734b29083/integration/jqueryui/dataTables.jqueryui.css">
<script src="//code.jquery.com/jquery-1.10.2.min.js"></script>
<script src="//code.jquery.com/ui/1.11.1/jquery-ui.min.js"></script>
<script src="//cdn.datatables.net/1.10.3/js/jquery.dataTables.min.js"></script>
<script src="//cdn.datatables.net/plug-ins/a5734b29083/integration/jqueryui/dataTables.jqueryui.js"></script>
    <body>
        <div class="container">
            <table id="example" class="display" cellspacing="0" width="100%"><thead><tr><th>Name</th><th>Position</th><th>Office</th><th>Salary</th></tr></thead><tbody><tr><td>Tiger Nixon</td><td>System Architect</td><td>Edinburgh</td><td>$320,800</td></tr><tr><td>Garrett Winters</td><td>Accountant</td><td>Tokyo</td><td>$170,750</td></tr><tr><td>Ashton Cox</td><td>Junior Technical Author</td><td>San Francisco</td><td>$86,000</td></tr><tr><td>Cedric Kelly</td><td>Senior Javascript Developer</td><td>Edinburgh</td><td>$433,060</td></tr><tr><td>Airi Satou</td><td>Accountant</td><td>Tokyo</td><td>$162,700</td></tr><tr><td>Brielle Williamson</td><td>Integration Specialist</td><td>New York</td><td>$372,000</td></tr><tr><td>Herrod Chandler</td><td>Sales Assistant</td><td>San Francisco</td><td>$137,500</td></tr><tr><td>Rhona Davidson</td><td>Integration Specialist</td><td>Tokyo</td><td>$327,900</td></tr><tr><td>Colleen Hurst</td><td>Javascript Developer</td><td>San Francisco</td><td>$205,500</td></tr><tr><td>Sonya Frost</td><td>Software Engineer</td><td>Edinburgh</td><td>$103,600</td></tr><tr><td>Jena Gaines</td><td>Office Manager</td><td>London</td><td>$90,560</td></tr><tr><td>Quinn Flynn</td><td>Support Lead</td><td>Edinburgh</td><td>$342,000</td></tr><tr><td>Charde Marshall</td><td>Regional Director</td><td>San Francisco</td><td>$470,600</td></tr><tr><td>Haley Kennedy</td><td>Senior Marketing...

JavaScript

$(document).ready(function() {
                $('#example').dataTable();

                var tableCols = [
                            {title: "Study", data: "label"},
                            {title: "Sum Number", data: "diaryNum"},
                            {title: "Other Number", data: "guapos"},
                            {title: "Cats Name", data: "chimichanga"},
                            {title: "Site", data: "sitelabel"},
                            {title: "Study Status", data: "status"},
                            {title: "secretNum", data: "secretNum", visible: false}
                        ]
                var sampleData = [
                  {
                    "secretNum": "98",
                    "label": "2l3as",
                    "diaryNum": "1537",
                    "guapos": "2324",
                    "chimichanga": "asdfweee",
                    "sitelabel": "bilboBaggins",
                    "status": "Active"
                  },
                  {
                    "secretNum": "90",
                    "label": "asdf",
                    "diaryNum": "k92",
                    "guapos": "lk;j",
                    "chimichanga": "908",
                    "sitelabel": "bilboBaggins",
                    "status": "jknl"
                  },
                  {
                    "secretNum": "kljh",
                    "label": "kjh",
                    "diaryNum": "klj-3j33",
                    "guapos": "0000",
                    "chimichanga": "buzz lightyear",
                    "sitelabel": "bilboBaggins",
                    "status": "Expired"
                  },
                  {
                    "secretNum": "090",
                    "label": "balbbalb",
                    "diaryNum": "25",
                    "guapos": "122",
                    "chimichanga": "ojimmy",
                    "sitelabel": "bilboBaggins",
                    "status": "Expired"
                  },
              ...