JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.2/css/bootstrap.min.css">
<div class="container">
    <table class="table table-hover table-condensed">
        <thead>
        <tr>
            <th>Account</th>
            <th>Domain</th>
            <th>Placeholder</th>
            <th>Created</th>
        </tr>
        </thead>
    </table>
</div>

JavaScript

$(document).ready(function () {
        var json = [{"data":{
            "Account": "1233",
                "Domain": "domain.com",
            "PlayerClass": "Player"},
            "level": "info",
            "message": "",
            "timestamp": "2015-06-11T15:11:03.425Z"
        },
                   {"data":{
            "Account": "4567",
                "Domain": "domain.com",
            "PlayerClass": "Player"},
            "level": "info",
            "message": "",
            "timestamp": "2015-06-11T15:11:03.425Z"
        }];
        var tr;
        for (var i = 0; i < json.length; i++) {
            tr = $('<tr/>');
            tr.append("<td>" + json[i].data.Account + "</td>");
            tr.append("<td>" + json[i].data.Domain + "</td>");
            tr.append("<td>" + json[i].data.PlayerClass + "</td>");
            tr.append("<td>" + json[i].timestamp + "</td>");
            $('table').append(tr);
        }
    });