Вы предлагаете HTML вариант, а я пишу JS код!
function fromArrayOfObj(obj) {
let tr, td, NR = obj.length, body = document.body
//table
let tbl = document.createElement('table')
tbl.id = 'table';
//caption
let tcap = tbl.createCaption();
tcap.innerHTML = "Сотрудники";
//header
let th = tbl.createTHead();
th.style.border = '1px solid black';
tr = th.insertRow();
for (var key in obj[0]) {
td = tr.insertCell();
// td.style.border = '1px solid black';
// td.style.fontWeight = 'bold';
// td.style["text-align"] = 'center';
td.appendChild(document.createTextNode(key));
}
//fill table
for (var i = 0; i < NR; i++) {
tr = tbl.insertRow();
for (var key in obj[0]) {
td = tr.insertCell();
td.appendChild(document.createTextNode(obj[i][key]));
td.style.border = '1px solid black';
}
}
//apply styles
// tbl.style.border = '2px solid black';
// tbl.style.borderCollapse = 'collapse';
body.appendChild(tbl);
}