JSFiddle - React, Tailwind, and code Playground

by Eugene Trounev

HTML

<table>
  <tr id="row">

  </tr>
</table>

JavaScript

const colors = "#000000,#F4CCA8,#FF87AF,#877AA6,#62A9D7,#907038,#582D04,#006411,#1FB914,#00AAE8,#0000D4,#4700A4,#F00884,#DC0808,#FCF404,#FFFFFF".split(",");
const el = document.getElementById("row");
colors.forEach((color, i) => {
  const cell = document.createElement("td");
  cell.style.width = "2em";
  cell.style.background = color;
  cell.style.color = "#fff";
  cell.innerText = i;
  el.appendChild(cell);
});