JSFiddle - React, Tailwind, and code Playground

by Rejith R Krishnan

HTML

<div id="placeholder"></div>

JavaScript

$(document).ready(function () {
    $.getJSON('/echo/json/', 
          {
    json: JSON.stringify({"t":
                          [
      {name:"DIM_BROWSER"},
      (name:"DIM_CAMPAIGN"},
      {name:"DIM_COLOR_DEPTH"},
      {name:"DIM_CONNECTION_TYPE"},
      {name:"DIM_COUNTRY"},
      {name:"DIM_GEOGRAPHY"},
      {name:"DIM_JAVASCRIPT_VERSION"},
      {name:"DIM_LANGUAGE"},
      {name:"DIM_OPERATING_SYSTEM"},
      {name:"DIM_PAGENAME"}
      ]
  }),
    delay: 1
  }, 
          function (tableList) {
        var output = "<table id=tableStyle>";
        output += "<tr>" + "<th>" + "Table Names" + "</th>" + "</tr>";
        for (var i in tableList.t) {
            output += "<tr>" + "<td>" + "<a href=/Users/skhare/tableDescription.html>" + tableList.t[i].name + "</a>" + "</td>" + "</tr>";
        }

        output += "</table>";
        document.getElementById("placeholder").innerHTML = output;
    });
})