Criar tabela dinamicamente

[kaefer 0]

Bom dia senhores, comecei a programar a pouco tempo e não conheço muito bem javascript e estou com certa dificuldades para criar tabelas dinamicamente.

 

Preciso passar o valor de tabelas e colunas através de um input e então criar a tabela apartir dai.

 

Procurei na web mas o máximo que encontrei foi adicionar linhas, alguém poderia me dar uma luz?

 

Abraço e obrigado desde já!

[Sergio Tomas 16]

Bom dia Kaefer tudo bem?

 

Você pode tentar fazer isto utilizando a função appendChild exemplo:

//Linhas
document.querySelector("table").appendChild("<tr><td>Nova Linha</td></tr>");

//Colunas
document.querySelector("tr").appendChild("<td>Nova Coluna</td>");

A função appendChild adiciona um elemento dentro do elemento que você inseriu no querySelector, então se eu quero inserir uma coluna adiciono elemento dentro da tag table se eu quero uma linha adiciono dentro da tag tr

[kaefer 0]

Bom dia Kaefer tudo bem?

 

Você pode tentar fazer isto utilizando a função appendChild exemplo:

//Linhas
document.querySelector("table").appendChild("<tr><td>Nova Linha</td></tr>");

//Colunas
document.querySelector("tr").appendChild("<td>Nova Coluna</td>");

A função appendChild adiciona um elemento dentro do elemento que você inseriu no querySelector, então se eu quero inserir uma coluna adiciono elemento dentro da tag table se eu quero uma linha adiciono dentro da tag tr

Excelente Sergião! Era exatamente isso que eu buscava, abraço e obrigado!