JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://s3.amazonaws.com/dynatable-docs-assets/js/jquery.dynatable.js"></script>
<link rel="stylesheet" href="https://s3.amazonaws.com/dynatable-docs-assets/css/jquery.dynatable.css">
<table id="my-table">
    <thead></thead>
    <tbody></tbody>
</table>
<br>

JavaScript

var hResponse = [];
hResponse.push("firstName", "lastName", "location");

var columns = [];
columns.push({"firstName": "Edward", "fastName": "Burrows", "location": "right Here"});
alert(JSON.stringify(columns));


var props = hResponse;
$.each(props, function (key, value) {
    //value = value.substr(0, 1).toLowerCase() + value.substr(1);
    $('#my-table thead').append('<th>' + value + '</th>');
});

$('#my-table').dynatable({
    dataset: {
        records: columns
    }
});