JSFiddle - React, Tailwind, and code Playground
HTML
<table>
<thead>
<tr>
<th>Name</th>
<th>Email</th>
<th>DOB</th>
<th>Newsletter</th>
</tr>
</thead>
<tbody></tbody>
</table>
CSS
table {
border-collapse: collapse;
}
th, td {
border: 1px solid black;
padding: 10px;
}
JavaScript
$.get("https://api.everlive.com/v1/GWfRtXi1Lwt4jcqK/Accounts")
.then(function(data) {
var html = "";
data.Result.forEach(function(entry) {
html += "<tr>";
html += "<td>" + entry.Name + "</td>";
html += "<td>" + entry.Email + "</td>";
html += "<td>" + entry.DOB + "</td>";
html += "<td>" + entry.Newsletter + "</td>";
html += "</tr>";
})
$("tbody").html(html);
})