JSFiddle - React, Tailwind, and code Playground

by Vitaly Volovich

HTML

<body>
   <div class="layout">
    <div class="users">
        <table>
            <thead>
            <tr>
                <td>#</td>
                <td>Type</td>
                <td>Login</td>
                <td>First Name</td>
                <td>Last Name</td>
            </tr>
            </thead>
            <tbody>
            </tbody>
        </table>
    </div>
</body>

JavaScript

var users;

$.get(
    'https://api.myjson.com/bins/3ebom',
    onAjaxSuccess
);

function onAjaxSuccess(data) {
    users = data;
    var row = '';
    for (var counter in users) {
        var user = users[counter];
        row = row + '<tr><td>' + (counter++) + '</td><td>' + user.type + '</td><td>' + user.login + '</td><td>' + user.firstName + '</td><td>' + user.lastName + '</td></tr>';
    }
    $('.users table tbody').html(row);
}
alert(users);