JSFiddle - React, Tailwind, and code Playground
HTML
[ { "estado":"Ceará", "cidade":"Fortaleza", "nome_revendedor":"Zélia", "telefone":"85 9999999", "email":"teste@teste.com.br" }, { "estado":"São Paulo", "cidade":"Carjai", "nome_revendedor":"Zezé", "telefone":"85 9999999", "email":"teste@teste.com.br"
} ]
CSS
td, th {
border: 1px solid #ccf;
padding: 10px;
}
th {
background-color: #aac;
}
JavaScript
var json = JSON.parse(document.body.innerHTML);
document.body.innerHTML = '';
var table = document.createElement('table');
document.body.appendChild(table);
var titulos = Object.keys(json[0]);
var tr = document.createElement('tr');
table.appendChild(tr);
titulos.forEach(function(titulo) {
var th = document.createElement('th');
th.innerHTML = titulo;
tr.appendChild(th);
});
json.forEach(function(obj) {
var tr = document.createElement('tr');
Object.keys(obj).forEach(function(prop) {
table.appendChild(tr);
var td = document.createElement('td');
td.innerHTML = obj[prop];
tr.appendChild(td);
});
table.appendChild(tr);
});