HTML JS
(quick guide & example)
<style> #grid { GRID LAYOUT display: grid; 3 COLUMNS grid-template-columns: repeat(3, auto); } </style>
<div id="grid"></div>
DATA ARRAY var data = [ ["A", "B", "C"], ["D", "E", "F"] ];
LOOP + ADD CELLS var g = document.getElementById("grid"); for (let i of data) { for (let j of i) { let cell = document.createElement("div"); cell.innerHTML = j; cell.className = "cell"; g.appendChild(cell); }}