JSFiddle - React, Tailwind, and code Playground

HTML

<script src="//cdn.datatables.net/1.10.0/js/jquery.dataTables.js"></script>
<script src="//code.jquery.com/jquery-1.10.2.min.js"></script>
<link rel="stylesheet" href="//cdn.datatables.net/1.10.0/css/jquery.dataTables.css">
<div id="div1"></div>

JavaScript

$(document).ready(function () {
    RenderHtmlOnSuccess();
});

function RenderHtmlOnSuccess() {
    var data = [
        [1, 2, 3],
        [4, 5, 6],
        [7, 8, 9]
    ];

    var html = '<table id="tbl1" class="display" ><thead><tr></tr></thead><tbody>';
    for (var i = 0, len = data.length; i < len; ++i) {
        html += '<tr>';
        for (var j = 0, rowLen = data[i].length; j < rowLen; ++j) {
            html += '<td>' + data[i][j] + '</td>';
        }
        html += "</tr>";
    }
    html += '</tbody></table>';

    $(html).appendTo('#div1');

    $('#tbl1').dataTable({
        "pagingType": "full_numbers"
    });

}