JSFiddle - React, Tailwind, and code Playground
HTML
<link rel="stylesheet" href="https://cdn.datatables.net/s/dt/jq-2.1.4,dt-1.10.10/datatables.min.css">
<script src="https://cdn.datatables.net/s/dt/jq-2.1.4,dt-1.10.10/datatables.min.js"></script>
<table id="example" class="display" width="100%">
<thead><tr>
<th>Killers SteamID</th><th width="200px">Name</th><th>Date/Time</th>
</tr>
</thead>
<tbody></tbody>
<tfoot>
<tr>
<th>Killers SteamID</th><th width="200px">Name</th><th>Date/Time</th>
</tr></tfoot>
</table>
JavaScript
$(document).ready(function() {
$('#example').DataTable( {
"ajax":
{
"url":"http://gaming.adduce.co.nz:8888/getPlayerKillsHistory?ids=76561198061378579",
"cache": true,
"dataSrc": function (json) {
var return_data = new Array();
for(var i=0;i< json.length; i++){
return_data.push()
}
console.log (json);
return return_data;
}
},
"columns" : [
{'data': 'idKiller'},
{'data': 'dateTime'},
{'data': 'killerName'}
]
});});