JSFiddle - React, Tailwind, and code Playground

HTML

<div id="tableData">

</div>

JavaScript

var data = {
  'Developer': ['Office Koukan', 'Jorudan', 'Beam Software'],
  'Publisher': ['Shouei', 'VAP', 'Hi Tech Expressions'],
  'ReleaseDate': ['March 18, 1994', 'November 18, 1994', 'October 1, 1993'],
  'Title': ['Idea no Hi', 'Pachinko Hi Hisshouhou', 'hunThe Hunt for Red October']
};

			var tableData = '<table>'
      var rows = 0;
      var cols = 0;
      
      //headers
      tableData += '<tr>';
      $.each(data, function(key, value){
      	cols++;
        rows = data[key].length;
        tableData += '<td>' + key + '</td>'; 
      });
      tableData += '</tr>';

			//convert to a Javascript Array
      var data = Object.values(data);

      //data  
      for (var i=0; i < rows; i++) {
        tableData += '<tr>';
        for (var j=0; j < cols; j++) {
          for (var k=0; k < cols; k++) {
            tableData += '<td>'+data[j][i]+'</td>'; 
            break;
          }
        }
        tableData += '</tr>';
      }
      
      tableData += '</table>';
      
      $("#tableData").html(tableData);