Как динамически добавлять столбцы в таблицу с карты?

Question

Мне нужно добавить в таблицу некоторые данные из карты, которая имеет массив в качестве значений, но когда я пытаюсь добавить элементы из второго ключа и далее, каждая строка получает как значения, которые должны быть помещены в столбцы.

Код, который, как мне кажется, может быть проблемой:

[...document.querySelectorAll('#table tr')].forEach(row=>{
            let cell = document.createElement('td')
            cell.innerHTML = value;
            row.appendChild(cell);
        });

Я взял этот код из Как динамически добавить новый столбец в HTML таблицу

Вот вся область кода, которая вызывается:

function LoadTable(value, key, map){
    let table = document.getElementById('table');
    totalRowCount = table.rows.length;
    if (totalRowCount != 0) {
        [...document.querySelectorAll('#table tr')].forEach(row=>{
            let cell = document.createElement('td')
            cell.innerHTML = value;
            row.appendChild(cell);
        });
    } else {
        value.forEach(v =>{
            let i = 0;
            let row = table.insertRow(i);
            let cell = row.insertCell(0);
            cell.innerHTML = v;
        });
    }
}
function TableLoad(){
    selectorsMaped.forEach(LoadTable);
}

Вот как результат выглядит на экране после того, как данные были вставлены в таблицу:

and this is how my Map looks in the console output:

Консольный вывод

Кроме того, весь первый столбец находится в обратном порядке, поэтому я был бы признателен, если бы вы помогли мне с этими проблемами.