数据未正确插入表格正文标记中

Question

我在设置动态内容表中的正文时遇到问题。

事实上，ad设置正确，但最有可能的问题是tbody；列的标题显示得很完美，但内容却没有。

见下图(Nessun dato present nella tabella->表中无数据(

有人能帮帮我吗？

var allart = JSON.parse(this.responseText);
console.log(allart);
var tbdy = document.createElement('tbody');
allart.Items.forEach(function (item) {               
let child = document.createElement("tr");
child.innerHTML = `
<td>${item.id}</td>
<td>${item.titolo}</td>
<td>${item.marca}</td>
<td>${item.immagine}</td> 
<td>${item.sezione}</td>
<td>${item.data}</td>
`;
table.appendChild(child);
})
tbdy.appendChild(tr);
table.appendChild(tbdy);

$(document).ready(function () {
$('#my-table').DataTable({
"pagingType": "full_numbers",
"lengthMenu": [5, 10, 20, 50, 100, 200, 500],
});
$('.dataTables_length').addClass('bs-select');
});

<table id="my-table" class="row-border hover" width="90%">
<thead>
<tr>
<th class="th-sm">Id</th>
<th class="th-sm">Titolo</th>
<th class="th-sm">Marca</th>
<th class="th-sm">Immagine</th>
<th class="th-sm">Sezione</th>
<th class="th-sm">Data</th>
</tr>
</thead>
</table>

Answer 1

您需要在循环中附加tr和tbody。

allart.Items.forEach(function (item) {
let child = document.createElement("tr");
child.innerHTML = `
<td>${item.id}</td>
<td>${item.titolo}</td>
<td>${item.marca}</td>
<td>${item.immagine}</td> 
<td>${item.sezione}</td>
<td>${item.data}</td>
`;
tbdy.appendChild(child);
})
table.appendChild(tbdy);