@Scorpiored88

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

Пытаюсь создать таблицу в 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 ?
  • Вопрос задан
  • 452 просмотра
Решения вопроса 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/
Ответ написан
Комментировать
Пригласить эксперта
Ответы на вопрос 1
grigruss
@grigruss
Пока не задал ни одного вопроса... только отвечаю.
trHTML+='<tr>';
$.each(x,function(k,v){
    trHTML+='<td>'+v+'</td>';
});
trHTML+='</tr>';
Ответ написан
Комментировать
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы