JSFiddle - React, Tailwind, and code Playground

HTML

<table>
    <tbody class="active"></tbody>
</table>

JavaScript

var json = {
    "lcContact": {
        "Alternate1": {
            "last_name": "Williams",
            "first_name": "Robert",
            "rank": 5
        },
        "Alternate2": {
            "last_name": "Crowley",
            "first_name": "Joseph",
            "rank": 9
        },
        "Primary": {
            "last_name": "Garbolino",
            "first_name": "Robert",
            "rank": 2
        }
    }
}

$('table tbody.active').html(function() {
    return $.map(json[Object.keys(json).shift()], function(par) {
        return par;
    }).sort(function(a, b) {
        return a.rank - b.rank;
    }).map(function(obj) {
        return $('<tr />').append(
            $('<td />', {'class': 'rank', text : obj.rank}),
            $('<td />', {text: obj.first_name + ' ' + obj.last_name}),
            $('<td />', {'class': 'rank', text : obj.rank})
        )
    });
});