[voraa]

Нет варианта проще, чтобы также как в php сделать? Чтобы просто собираешь одну строку, а он дальше по образу и подобию генерирует дальше

Можно через template.
Как то так

const tmp = document.createElement('template')

let s = ''
// Тут заполняем строку HTML кодом
// например в цикле
for (let i = 0; i<nr; i++) {
   s+='<tr>';
   // заполняем ячейки
       s+='<td>....</td>';
       s+='<td>....</td>';
       s+='<td>....</td>';
   s+='</tr>';
}
tmp.innerHTML = s;
let tbody = document.querySelector('tbody');
tbody.appendChild(tmp.content)

Для вставки переменных вместо строк '...' используйте `${}`