JSFiddle - React, Tailwind, and code Playground

by MarkSchultheiss

HTML

<div id="results">

</div>

CSS

td {
  border: solid 1px blue;
}

JavaScript

console.clear();
var mything = {
  'Developer': ['Office Koukan', 'Jorudan', 'Beam Software', "walter"],
  'Publisher': ['Shouei', 'VAP', 'Hi Tech Expressions', "freddy"],
  'ReleaseDate': ['March 18, 1994', 'November 18, 1994', 'October 1, 1993', "June 12,2012"],
  'Title': ['Idea no Hi', 'Pachinko Hi Hisshouhou', 'hunThe Hunt for Red October', "fake me"]
};
$(function() {
  var data = mything;
  var tableData = $('<table>');
  tableData.append('<tr/>');
  var header = tableData.find('tr').eq(0);
  $.each(data, function(headthing, value) {
    header.append('<td>' + headthing + '</td>');
    $.each(value, function(idx, myval) {
      if (!tableData.find('tr').eq(idx + 1).length) {
        tableData.append('<tr/>'); // new row for data, assume count this way
      }
      // put the columns in the row for each data
      tableData.find('tr').eq(idx + 1).append('<td>' + myval + '</td>');
    });
  });
  $('#results').html(tableData);
});