Как в javascript сделать таблицу

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

Создание таблицы на JavaScript

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

const table = [
    ["Имя", "Возраст", "Адрес"],
    ["Олег", "20 лет", "ул. Радужная, д. 10"],
    ["Анна", "19 лет", "ул. Солнечная, д. 15"],
    ["Саша", "18 лет", "ул. Добрая, д. 20"]
];

function createTable(table) {
    let tableHTML = '';
    for(let row of table) {
        tableHTML += '';
        for(let cell of row) {
            tableHTML += ``;
        }
        tableHTML += '';
    }
    tableHTML += '
${cell}
';
    return tableHTML;
}

document.querySelector('#table-container').innerHTML = createTable(table);

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