JSFiddle - React, Tailwind, and code Playground

HTML

<table id="table" class="table table-dark table-striped">
  <thead>
    <tr>
      <th>NodeID</th>
      <th>Last Update</th>
      <th>Status</th>
      <th></th>
      <th>Control Link</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td>
        <form action="/nodeslist" METHOD="POST">
          <input type="hidden" id="NodeID" name="NodeID" value={{ node.NodeID }}>
          <input TYPE="SUBMIT" value="Access" class="btn btn-success" id="btn">
        </form>
      </td>
    </tr>
  </tbody>
</table>

JavaScript

const date = new Date();
const data = [...Array(10).keys()].map(id => {
  return {
    id: id+1,
    date: new Date((Math.random() * 10000000) + date.getTime()).toLocaleString(),
    status: Math.floor(Math.random() * 2),
  };
});

const tbody = document.querySelector('#table').querySelector('tbody');

function test(evt) {
  evt.preventDefault();
  let fragment = document.createDocumentFragment();
  data.forEach(d => {
    let tr = document.createElement('tr');
    Object.keys(d).forEach(x => {
      let td = document.createElement('td');
      let textNode = document.createTextNode(d[x]);
      td.appendChild(textNode);
      tr.appendChild(td);
    })
    fragment.appendChild(tr);
  });
  tbody.appendChild(fragment);
}

document.querySelector('#btn').onclick = test;