JSFiddle - React, Tailwind, and code Playground

HTML

<table id="result">
  <thead>
    <th>col1</th>
    <th>col2</th>
  </thead>
  <tbody>
  </tbody>
</table>

JavaScript

data = {
  "key1": {
    "address": "address 1"
  }, 
  "key2": {
    "address": "address 2"
  }, 
  "key3": {
    "address": "address 3"
  }
}

var tableRef = document.getElementById("result").getElementsByTagName('tbody')[0];

for (var key in data){
  var link = document.createElement('a');
  var newRow   = tableRef.insertRow(-1);
  var newCell  = newRow.insertCell(0);
  var cellValue  = document.createTextNode(key);
  link.appendChild(cellValue);
  link.onclick = function () {alert(key);};
  newCell.appendChild(link);

  var addyCell = newRow.insertCell(1);
  var addy = data[key].address;
  var addyNode = document.createTextNode(addy);

  addyCell.appendChild(addyNode);
}