You can use this function to create a HTML table from JSON data:

HTML:
<script src="https://ajax.aspnetcdn.com/ajax/jQuery/jquery-3.2.1.min.js"></script> <div id="container"></div>

CSS:

.tableStyle{width: 100px;border: 1px solid black;}.tableStyle th{color: red;}

var json = [{id: 1, name: 'Carlitos', age: 30}, {id: 2, name: 'Miguel', age: 32}, {id: 3, name: 'Amanda', age: 35}];

createTableFromJson('container', json, true, 'tableStyle'); function createTableFromJson(containerID, json, withHeader, cssName){ var table = $('<table>'); table.addClass(cssName); $.each(json, function(k, v) { var o = json[k]; var row = $('<tr>'); $.each(o, function(a, b) { if (withHeader && k == 0){ var head = $('<th>'); head.text(a); table.append(head); } var cell = $('<td>'); cell.text(b); row.append(cell); }); table.append(row); }); $('#' + containerID).append(table); }