How to create an HTML table with javascript?

Question

css

I'm trying to create a table in jquery with data received from the server in json format

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);

How can I make this code so that I do not write manually? Since the number of td can be different, but take their number and data from 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

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