JSFiddle - React, Tailwind, and code Playground

HTML

<table>
    <tr>
        <th>Rank</th>
        <th>User_Name</th>
        <th>score</th>
        <th>team</th>
    </tr>
</table>

JavaScript

$(document).ready(function () {
        var json = [{"User_Name":"John Doe","score":"10","team":"1"},{"User_Name":"Jane Smith","score":"15","team":"2"},{"User_Name":"Chuck Berry","score":"12","team":"2"}];
        var tr;
        
        json.sort(function(a,b) { return parseFloat(b.score) - parseFloat(a.score) } );
        
        for (var i = 0; i < json.length; i++) {
            tr = $('<tr/>');
            tr.append("<td>" + (i+1) + "</td>");
            tr.append("<td>" + json[i].User_Name + "</td>");
            tr.append("<td>" + json[i].score + "</td>");
            tr.append("<td>" + json[i].team + "</td>");
            $('table').append(tr);
        }
    });