Olá, eu estou fazendo um site, que contém uma tabela, porém os dados dessa tabela precisam ser importados de uma planilha excel que tenho salvo aqui na minha máquina.. Alguém pode me ajudar?
Se possível, gostaria de utilizar javascript puro
Stack Overflow em Português é um site de perguntas e respostas para programadores profissionais e entusiastas. Leva apenas um minuto para se inscrever.
Inscreva-se para participar desta comunidadeOlá, eu estou fazendo um site, que contém uma tabela, porém os dados dessa tabela precisam ser importados de uma planilha excel que tenho salvo aqui na minha máquina.. Alguém pode me ajudar?
Se possível, gostaria de utilizar javascript puro
Envie um ajax para o seu arquivo .csv
e coloque dentro da variável resp
que no meu caso está dentro da função popular()
function popular(){
var resp = 'nome,sexo,peso\nmarcelo,M,70'; //"deveria" vir do ajax esses dados
var th1 = document.querySelector(".th1"),
th2 = document.querySelector(".th2"),
th3 = document.querySelector(".th3"),
td1 = document.querySelector(".td1"),
td2 = document.querySelector(".td2"),
td3 = document.querySelector(".td3");
var rows = resp.split('\n');
var cols = [];
rows.map(function(row){
cols.push(row.split(/\, ?/));
});
th1.textContent = cols[0][0];
th2.textContent = cols[0][1];
th3.textContent = cols[0][2];
td1.textContent = cols[1][0];
td2.textContent = cols[1][1];
td3.textContent = cols[1][2];
console.log(cols);
}
popular();
<table>
<thead>
<tr>
<th class="th1"></th>
<th class="th2"></th>
<th class="th3"></th>
</tr>
</thead>
<tbody>
<tr>
<td class="td1"></td>
<td class="td2"></td>
<td class="td3"></td>
</tr>
</tbody>
</table>
É claro que você terá de implementar conforme suas necessidades, isso foi apenas um noção de como você poderia fazer;