JSFiddle - React, Tailwind, and code Playground

by agorur

HTML

<script src="//cdnjs.cloudflare.com/ajax/libs/datatables/1.9.4/jquery.dataTables.min.js"></script>
<div id="gdv-right">
                <table class="table table-striped table-bordered apply-datatable" id="exportGalleyTable">
                <thead>
                <tr>
                    <th>Select</th>
                    <th>Chart</th>
                    <th>Name</th>
                    <th>Create Date</th>
                </tr>
                </thead>
                <tbody id="exportGalleryTBody">
                </tbody>
                </table>
            </div>

JavaScript

$(document).ready(function () {
    $('#exportGalleyTable').dataTable({
        "bRetrieve": true,
            "fnDrawCallback": function () {
            console.log('fnDrawcallback');
        },
            "track": true,
            "aaData": [{
            "0": 421367,
                "1": "Test1",
                "2": "NEW",
                "3": "Default",
                "4": "18 Aug 2011 20:27:12 GMT",
                "5": "TestBench",
                "6": "NA"
        },,
                       {"0": 421367,
                "1": "Test1",
                "2": "NEW",
                "3": "Default",
                "4": "18 Aug 2011 20:27:12 GMT",
                "5": "TestBench",
                "6": "NA"
                       },
                       {"0": 421367,
                "1": "Test1",
                "2": "NEW",
                "3": "Default",
                "4": "18 Aug 2011 20:27:12 GMT",
                "5": "TestBench",
                "6": "NA"}
                      ]
    });
});