th я имел в виду
вам нужно соблюдать порядок
никто вам в объекте порядок не гарантирует, значит, надо получить эти самые ключи отдельно
далее вы можете сразу нагенерить строку с th
дальше нужно нагенерить html
каждый объект массива - строка в таблице с соблюдением порядка ключей (tr)
каждое значение в объекте - одна ячейка этой таблицы (td)
const headers = Object.keys(data[0]);
const html = data.reduce((acc, item) => {
const cells =
headers.map(h =>
<td>${item[h]}</td>
);
const row =
<tr>${cells.join('')}</tr>
;
return acc + row;
}, '')