JSFiddle - React, Tailwind, and code Playground

by Neviton

HTML

<table id="ranking">
    <tr>
        <th>Rank</th>
        <th>Facebook Id</th>
        <th>Likes</th>
    </tr>
</table>

CSS

#ranking th {
    background-color: #ddd;
    font-weight: bold;
}
#ranking th, #ranking td {
    border: solid 1px black;
    font-size: 12px;
    font-family: Verdana;
    padding: 4px;
}

JavaScript

var fqlURL= "https://graph.facebook.com/fql?q=SELECT fromid, likes FROM comment WHERE object_id = 293237417460627 ORDER BY likes DESC LIMIT 9999";
$.getJSON(fqlURL,
    function(data){
       $.each(data.data, function(index, element) {
           var $tr = $("<tr><td></td><td></td><td></td></tr>");
           $tr.find("td:eq(0)").append(index + 1);
           $tr.find("td:eq(1)").append(element.fromid);
           $tr.find("td:eq(2)").append(element.likes);
           if (element.fromid == '100002560519593') {
               $tr.find("td").css({backgroundColor: 'green'});
           }
           $("#ranking").append($tr);
       });       
    }
);