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

Для создания таблицы на javascript будем использовать методы и свойства:

• для элемента <table>: document.createElement()
• для добавления новой строки: insertRow()
• для новой ячейки в строках: insertCell()
• для заполнения контентом: innerHTML

Пример кода создания простой таблицы, состоящей из одной строки и пары ячеек:

let table = document.createElement('table');
let row = table.insertRow(); // добавим строку

let cell1 = row.insertCell(); // добавим ячейки
let cell2 = row.insertCell();

cell1.innerHTML = 'Текст ячейки 1'; // вставим текст
cell2.innerHTML = 'Текст ячейки 2';

// Отобразим таблицу на странице
document.body.appendChild(table);

Методы .insertRow() и .insertCell() очевидны для чтения и понимания происходящего, однако построить таблицу можно и другими способами. Например, можно создать нужную разметку используя шаблонные строки и единственный метод innerHTML.