JSFiddle - React, Tailwind, and code Playground

by Gwyn Milcote

HTML

<table class='records_table'>
  <tr>
  <th>Rank</th>
  <th>Name</th>
  <th>Points</th>
  </tr>
  
</table>

JavaScript

var response = [{'rank':'1','username':'Alon','uid':'5','points':'boo'},{'rank':'2','username':'Tala','uid':'6','points':'fart'}];

// convert string to JSON
//response = $.parseJSON(response);

$(function() {
    var html = '';  
    $.each(response, function(i, item){
        html += "<tr>" + 
                 "<td>" +item.rank+ "</td>" +
                 "<td><a href='/profile/"+item.uid+"'>"+item.username+"</a></td>" +
                 "<td>"+item.points+"</td>" +
             "</tr>";
    }); 
    $('.records_table').append(html);
});