JSFiddle - React, Tailwind, and code Playground

HTML

<table id="tbPodio">
    <thead>
        <tr>
            <th>Posição</th>
            <th>Nome</th>
            <th>País</th>
        </tr>
    </thead>
    <tbody>

    </tbody>
</table>

JavaScript

var vencedores = [
    {
        nome : "Equipe Super",
        pais : "Brasil"
    },
    {
        nome : "Time Maximo",
        pais : "EUA"
    },
    {
        nome : "Mega Grupo",
        pais : "Canadá"
    }
];

var podioPorPais = vencedores.map(function(item, indice){
    return `<tr>
                <td>${indice + 1}</td>
                <td>${item.nome}</td>
                <td>${item.pais}</td>
            </tr>`;
});

document.querySelector("#tbPodio tbody").innerHTML = podioPorPais.join("");