var json = [Your JSON here];
var $table = $('<table/>');
$.each(json, function(index, value) {
//create a row
var $row = $('<tr/>');
//create the id column
$('<td/>').text(value.id).appendTo($row);
//create name column
$('<td/>').text(value.name).appendTo($row);
//create last_name
$('<td/>').text(value.last_name).appendTo($row);
$table.append($row);
});
//append table to the body
$('body').append($table);
Note this doesn't create a header row, but you can do this easily in the same manner.
Edit: Not really any need for jQuery here:
var json = [Your JSON here],
table = document.createElement('table');
for(var i = 0, il = json.length; i < il; ++i) {
//create row
var row = document.createElement('tr'),
td;
//create the id column
td = document.createElement('td');
td.appendChild(document.createTextNode(json[i].id));
row.appendChild(td);
//create name column
td = document.createElement('td');
td.appendChild(document.createTextNode(json[i].name));
row.appendChild(td);
//create last_name column
td = document.createElement('td');
td.appendChild(document.createTextNode(json[i].last_name));
row.appendChild(td);
table.appendChild(row);
}
document.body.appendChild(table);
Obviously you can clean that up a bit to be more DRY, but you get the idea.