Как отобразить массив значений в таблице с JavaScript ⇐ Html

[Anonymous]

Я пытаюсь отобразить массив в таблицу в соответствии с моими ожиданиями, но у меня возникают проблемы с разрушением подводных подборов в массиве, я хочу отобразить содержимое массива в соответствии с заголовком таблицы, Потому что кажется, что это цикл .. Надеюсь, кто -то сможет помочь < /p>
Это мой HTML -код: < /p>




Status
Main
Name
Class





< /code>
Это мой код Javascript: < /p>
const arrs = [{
"type": "Student",
"datas": [
{ "name": "Rian", "class": 4 },
{ "name": "Jhon", "class": 4 },
{ "name": "Alex", "class": 4 },
{ "name": "Rudi", "class": 7 },
{ "name": "Brain", "class": 7 }
]
}
];

const tablemx = document.getElementById("tablemx");
const arrssub = arrs[0].datas;
const dnsmxchild = Object.values(arrssub);
dnsmxchild.forEach((item, index) => {
const tr = document.createElement("tr")
const td1 = document.createElement("td")
const td2 = document.createElement("td")
const td3 = document.createElement("td")
const td4 = document.createElement("td")
const type = document.createTextNode("Student")
const main = document.createTextNode("roll")
const name = document.createTextNode(item)
const classs = document.createTextNode(item)
td1.appendChild(type)
td2.appendChild(main)
td3.appendChild(name)
td4.appendChild(classs)
tr.appendChild(td1)
tr.appendChild(td2)
tr.appendChild(td3)
tr.appendChild(td4)
tablemx.appendChild(tr)
})

< /code>
Это результат моего эксперимента, и это все еще неверно. :
Неправильный результат
И это результат, который я ожидал:
Результат я ожидал

Подробнее здесь: https://stackoverflow.com/questions/794 ... javascript