HTML JS

HOW TO ADD TABLE ROWS & CELLS

(quick guide & examples)

<table id="demoA">   <tr> <td>A</td> </tr> </table>

GET TABLE var table = document.getElementById ("demoA");

ADD TABLE ROWS & CELLS

01

INSERT ROW var row = table.insertRow();

INSERT CELLS var cell = row.insertCell(); cell.innerHTML = "B";

GET TABLE var table = document.querySelector ("#demoB tbody");

<table id="demoB">   <tr> <td>A</td> </tr> </table>

MANUAL ADD HTML STRING

02

APPEND NEW ROW table.innerHTML +=  "<tr><td>B</td></tr>";