Create a table without a for loop - vanilla js

table-builder.js

const buildTable = (data) => {
  const body = document.querySelector('.table-container');
  body.innerHTML = '';
  const tbl = document.createElement('table');
  const thead = document.createElement('thead');
  thead.innerHTML = '<tr><th>ID</th><th>Prop1</th><th>Prop2</th><th> </th></tr>'
  const tbdy = data.map((item) => {
    const tr = document.createElement('tr');
    tr.innerHTML = `<td>${data.prop1}</td><td>${data.prop2}</td><td>Something else</td>`;
    return tr;
  }).reduce((tbody, row) => {
    tbody.appendChild(row);
    return tbody;
  }, document.createElement('tbody'));
  tbl.appendChild(thead);
  tbl.appendChild(tbdy);
  body.appendChild(tbl)
}