JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://datatables.net/release-datatables/media/js/jquery.dataTables.min.js"></script>
<div class="container">
    <table id="example"></table>
</div>

CSS

.container {
    width:400px;
}

JavaScript

//Data from an Array
var aaData = [];

$.ajax({
    url: "http://www.mocky.io/v2/533ae99a301c913708953247",
    success: function (data) {
        for (i in data) {
            aaData.push([data[i][0], data[i][1]])
        }
        $("#example").dataTable({
            "aaData": aaData,
                "bJQueryUI": true,
                "aoColumns": [{
                "sTitle": "Name",
                "sWidth": "200px"
            }, {
                "sTitle": "Age",
                "sWidth": "200px"
            }]

        })

    }


})