JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<table id="mytable">
  <tr>
    <td> Cats/dogs</td>
  </tr>
</table>

JavaScript

var cats = ["a", "b", "c", "d", "e", "f"];
var dogs = ["z", "y", "x", "w"];

var numberOfRows = cats.length;
var numberOfColumns = dogs.length;

for (var i = 0; i < numberOfRows; i++) {
  var column = "<td>" + cats[i] + "</td>";
  for (var j = 0; j < numberOfColumns; j++) {
    column += "<td id ='(cats & dogs)'></td>";
  }
  $("#mytable").append("<tr>" + column + "</tr>");
}