JSFiddle - React, Tailwind, and code Playground

by Carlos Quintero

HTML

<h1>
  Prueba de tabla Cargada desde JSON
</h1>
<button class="cargar">
  Cargar Lista
</button>
<table>
  <thead>
    <th>Nombre</th>
    <th>Apellido</th>
    <th>Cargo</th>
    <th>Empresa</th>
  </thead>
  <tbody id="cuerpo">
    
  </tbody>
</table>

JavaScript

$(function(){
	$(".cargar").click(function(){
  	$.get('https://test-163a4.firebaseapp.com/lista.json?callback=?', function(data){
      $("#cuerpo").html("");
      for(var i=0; i<data.datos.length; i++){
      	var tr = `<tr>
        	<td>`+data.datos[i].nombre+`</td>
          <td>`+data.datos[i].apellido+`</td>
          <td>`+data.datos[i].cargo+`</td>
          <td>`+data.datos[i].empresa+`</td>
        </tr>`;
        $("#cuerpo").append(tr)
      }
    })    
  })
})