Criar tabela usando javascript?

Qualquer um com um código de exemplo sobre como criar uma tabela html usando javascript? Apreciaria se mantido curto e simples. Eu tenho uma matriz que pretendo exibir em uma tabela. Línguas que têm envolvido até agora são: PHP, HTML e javascript. Também usei o jQuery. @Rad7 - não tenho certeza se eu posso usar isso. Eu não uso 2 matriz dimensional. é apenas uma matriz de longa

Resposta

Tente isto: função createTableFrom2DArray(arr) {var tabela = document.createElement('table'); linhas = arr.length; para (i = 0; eu < linhas; i + +) {var linha = table.insertRow(i); loop de var = 0; para (j em arr[i]) {var célula = row.insertCell(loop); cell.innerHTML = arr [i] [j]; laço + +; document.body.appendChild(table)}}; } //The seguindo linhas devem estar no corpo, ou chamado depois o documento é carregado. var arr = [[1, 2,3], [4,5,6], [7,8,9]]; //Sample matriz 2D createTableFrom2DArray(arr);

= = = Para um array dimensional: função createTableFromOneLongArray(arr) {var tabela = document.createElement('table'); var linha = table.insertRow(0); para (i = 0; i<arr.length; i + +) {var célula = row.insertCell(i); cell.innerHTML = arr [i]; } document.body.appendChild(table); } //The seguindo linhas devem estar no corpo, ou chamado depois o documento é carregado.

var arr2 = [1,2,3,4,5,6,7,8,9,0]; //Sample matriz createTableFromOneLongArray(arr2);

= = = Para resumir a criação de tabelas no JS: var tabela = document.createElement('table'); var linha = table.insertRow(0); célula de var = row.insertCell(0); cell.innerHTML = 'conteúdo'; célula = row.insertCell(1); //Second celular cell.innerHTML = 'outros conteúdos';

linha = table.insertRow(1); célula de linha //Second = row.insertCell(0); cell.innerHTML = 'conteúdo de linha 2'; célula = row.insertCell(1); //Second celular cell.innerHTML = ' 2 outros conteúdos da linha ';

document.body.appendChild(table);

Inscrever - receber um email se alguém adiciona novas respostas/comentários

Comentários

Gabriel na 10 Jun 2023

Sim, é possível criar uma tabela HTML usando JavaScript. Você pode começar criando um elemento de tabela usando o método createElement, e então adicionar linhas e células usando a propriedade insertRow e insertCell. Após isso, você pode popular a tabela com os valores da sua matriz usando um loop. Se estiver usando jQuery, também é possível criar e manipular a tabela de forma mais simplificada utilizando os métodos da biblioteca. Espero que isso te ajude a criar a sua tabela! Boa sorte!

Responder

O seu comentário

Acho que a resposta não está correta ou que você gostaria de acrescentar mais
alguma informação? Envie o seu comentário abaixo..