How to display a json array in table format? [duplicate]

Answer 1

var data = [
    {
        id : "001",
        name : "apple",
        category : "fruit",
        color : "red"
    },
    {
        id : "002",
        name : "melon",
        category : "fruit",
        color : "green"
    },
    {
        id : "003",
        name : "banana",
        category : "fruit",
        color : "yellow"
    }
];

for(var i = 0, len = data.length; i < length; i++) {
    var temp = '' + data[i].id + '';
    temp+= '' + data[i].name+ '';
    temp+= '' + data[i].category + '';
    temp+= '' + data[i].color + '';
    $('table tbody').append(temp));
}