JSFiddle - React, Tailwind, and code Playground

by Damith Nuwan Sampath

HTML

<table id="records_table" border='1'>
    <tr>
        <th>Rank</th>
        <th>Content</th>
        <th>UID</th>
    </tr>
</table>

JavaScript

var response = [{
      "rank":"9",
      "content":"Alon",
      "UID":"5"
     },
     {
       "rank":"6",
       "content":"Tala",
       "UID":"6"
    }];

$(function() {
    $.each(response, function(i, item) {
        $('<tr>').append(
            $('<td>').text(item.rank),
            $('<td>').text(item.content),
            $('<td>').text(item.UID)
        ).appendTo('#records_table');
        // $('#records_table').append($tr);
        //console.log($tr.wrap('<p>').html());
    });
});