Помогите пожалуйста. Как мне правильно отрисовать колонку? <div class="table-wrapper">

Question

Помогите пожалуйста. Как мне правильно отрисовать колонку? <div class="table-wrapper">

<table class="fl-table">
<thead>
<tr id="tableName">
</tr>
</thead>
<tbody id="data">
<tbody>
</table>
</div>
Js
const nameColumn = document.getElementById('tableName');
const dataColumn = document.getElementById('data');

const serverRequest = () => {
fetch('http://127.0.0.1:5000')
.then((resp) => resp.json())
.then((data) => {
console.log(Object.keys(data[0]))
for (let i = 0; i <= Object.keys(data[0]).length - 1; i++) {
// console.log(Object.keys(data[0]).length)
nameColumn.innerHTML += `<th>${Object.keys(data[0])[i]}</th>`
}
data.map((item) => {
console.log(item)
})
})
};

serverRequest();