JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://cdn.rawgit.com/alfajango/jquery-dynatable/master/jquery.dynatable.js"></script>
<link rel="stylesheet" href="https://cdn.rawgit.com/alfajango/jquery-dynatable/master/jquery.dynatable.css">
<table id="my-table">
  <thead>
    <tr><th></th></tr>
  </thead>
  <tbody>
  </tbody>
</table>

JavaScript

var data_url = "https://gist.githubusercontent.com/iRbouh/47a9fb7e5f6a79e0f4b0e7e8a837a825/raw/6adbba47bfbf9453c50f9710f77c71e69f683139/sample-data.json";

var preview_table = $('#my-table');

preview_table.one('dynatable:ajax:success', function(e, response){ 
	//Get dynatable 
  var dynatable = $(this).data('dynatable');
  //Remove init column
  dynatable.domColumns.remove(0);
  //Add new columns
  var pos = 0;
  for(var column in response.records[0]) {
		dynatable.domColumns.add($('<th>'+column+'</th>'), pos++);
  }
});

preview_table.dynatable({
  features: {
    perPageSelect: true,
    search: false
  },
  table: {
    defaultColumnIdStyle: 'underscore',
    headRowClass: ''
  },
  dataset: {
    ajax: true,
    ajaxUrl: data_url,
    ajaxOnLoad: false,
    records: []
  }
});