JSFiddle - React, Tailwind, and code Playground

HTML

<script src="//cdn.datatables.net/1.10.1/js/jquery.dataTables.js"></script>
<link rel="stylesheet" href="//cdn.datatables.net/1.10.1/css/jquery.dataTables.css">
<div id="demo"></div>

JavaScript

var massData = [
  {
    "Column1": "test1",
    "Timestamp": "Sun Jul 27 2014 14:42:20 GMT+0100 (GMT Standard Time)",
    "Date": "18/10/2012"
  }, 
  {
    "Column1": "test2",
    "Timestamp": "Mon Jul 28 2014 14:42:20 GMT+0100 (GMT Standard Time)",
    "Date": "18/10/2016"
  }, 
  {
    "Column1": "test3",
    "Timestamp": "Wed Jul 22 2014 14:42:20 GMT+0100 (GMT Standard Time)",
    "Date": "18/01/2012"
  }
];

var keys = ["Column1", "Timestamp", "Date"];

var columns = [];
for (var keyIndex = 0; keyIndex < keys.length; keyIndex++) {
    columns.push({
        "title": keys[keyIndex],
            "data": keys[keyIndex],
            "defaultContent": ""
    });
}


$('#demo').html('<table cellpadding="0" cellspacing="0" border="0" class="display" id="example"></table>');

$('#example').dataTable({
    "data": massData,
        "deferRender": true,
        "scrollY": 400,
        "scrollX": true,

        "columns": columns
});