Как правильно создать HTML таблицу с помощью javascript?

Question

[Виталий]

Пытаюсь создать таблицу в jquery с данных полученных от сервера в формате json

var a = ['id', 'user_id', 'result', 'date_time']

 var trHTML = '';
            $.each(response, function (i, x) {
                trHTML += '<tr><td>' + x['id'] + '</td><td>' + x['user_id'] + '</td><td>' + x['result'] + '</td><td>'+x['date_time']+'</td></tr>';
            });
            $('table').append(trHTML);

Как мне в етом коде сделать так,чтобы вручную не писать ? Так как количество td может быть разное, а брать их количество и данные с var a ?

Answer 1

[Александр Толерант]

var response = [{
    id: 1,
    user_id: 2,
    result: 'test',
    date_time: '123'
}],
    trHTML = '';

$.each(response, function (i, x) {
    trHTML += '<tr>'
    for (res in x) {
        trHTML += '<td>' + x[res] + '</td>';
    }
    trHTML += '</tr>';
});
$('table').append(trHTML);

https://jsfiddle.net/s25nt4na/1/

Answer 2

[Grigruss]

trHTML+='<tr>';
$.each(x,function(k,v){
    trHTML+='<td>'+v+'</td>';
});
trHTML+='</tr>';