DataTable - JSON var

Datatable con variable JSON como origen de datos

by mhctoledo

HTML

<script src="https://code.jquery.com/jquery-1.12.0.js"></script>
<script src="https://datatables.net/release-datatables/media/js/jquery.dataTables.js"></script>
<table id="test"></table>

CSS

TD {
    padding: 5px;
    vertical-align:top;
}

JavaScript

testdata = [{
    "id": "58",
    "country_code": "UK",
    "title": "Legal Director",
    "pubdate": "2012-03-08 00:00:00",
    "url": "http://..."
}, {
    "id": "59",
    "country_code": "UK",
    "title": "Solutions Architect,",
    "pubdate": "2012-02-23 00:00:00",
    "url": "http://..."
}];
var jsonArr = [];
for(var i=0;i<5000;i++){
	jsonArr.push({
    id: Math.floor(Math.random()*11),
    nombre: Math.random().toString(36).substring(7),
    puntos_enero:Math.floor(Math.random()*11),
    puntos_febrero:Math.floor(Math.random()*11),
    puntos_marzo:Math.floor(Math.random()*11),
    puntos_abril:Math.floor(Math.random()*11),
    puntos_mayo:Math.floor(Math.random()*11),
    puntos_junio:Math.floor(Math.random()*11)
  });

}

$('#test').dataTable({
    "aaData": jsonArr,
    "aoColumns": [
    	{"mDataProp": "id"}, 
      {"mDataProp": "nombre"},
      {"mDataProp": "puntos_enero"},
      {"mDataProp": "puntos_febrero"},
      {"mDataProp": "puntos_marzo"},
      {"mDataProp": "puntos_abril"},
      {"mDataProp": "puntos_mayo"},
      {"mDataProp": "puntos_junio"}
    ]
});