SO-73840608

by David Thomas

HTML

<button id="btn1">Add</button>
 <table id="tab"></table>

CSS

td {
  min-height: 1em;
  min-width: 1em;
}

td[id]::before {
  content: attr(id);
}

JavaScript

const tab = document.getElementById("tab");
const btn1 = document.getElementById("btn1");
let rowCount = 0;
let cellCount = 0;

btn1.addEventListener('click', () => {
  let row = tab.insertRow(-1);
  rowCount++;

  for (let i = 0; i <= 15; i++) {
    let c = row.insertCell(i);
    cellCount = i + 1;

    let ID = "";
    ID = ID + "R" + rowCount + "C" + cellCount;
    c.id = ID;
  }
});