Да, да всё плохо с js.
Есть таблица
<table id="painting" cellspacing="2" border="1" cellpadding="5">
<thead>
<tr>
<th>ID</th>
<th>Name</th>
<th>Sum</th>
</tr>
</thead>
<tbody>
</tbody>
</table>
и есть массив в js файле
let section = {
id: [1,2],
name: ["sveta","veronika"],
sum: [10,15],
};
Пытаюсь заполнить табличку из массива, но получается, что заполняет по горизонтале
for (let property in section) {
let tr = '<tr>'; // создаем строку таблицы
section[property].forEach(function(item) {
tr += '<td>' + item + '</td>'; // добавляем столбцы в строку
});
tr += '</td>'; // закрываем строку таблицы
$('#painting > tbody:last-child').append(tr); // добавляем полученную строку в дом
console.log(tr);
}
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
т.е. получается вот так:
ID |Name |Sum
_____________________
1 |2 |
sveta |veronika|
10 |15 |
Столбец Sum вообще пустой остаётся.
А мне нужно, что бы результат был такой:
ID |Name |Sum
_____________________
1 |sveta |10
2 |veronika|15
Наверное, цикл в цикле надо сделать, но никак не получается.