Método insertRow() da tabela

Objeto Table do HTML DOM

Definição e uso

insertRow() O método cria um <tr> vazio Elemento <tr> e adicione-o à tabela.

insertRow() O método insere uma nova linha na posição especificada no tabela.

Atenção:O elemento <tr> deve conter elementos <th> ou <td>.

Dica:Use Método deleteRow() Exclua uma linha.

Veja também:

Manual de referência HTML:Etiqueta <tr> do HTML

Exemplo

Exemplo 1

Insira uma nova linha na primeira posição da tabela (e insira elementos <td> com conteúdo):

// Encontre o elemento <table> com id="myTable":
var table = document.getElementById("myTable");
// Crie um elemento <tr> vazio e adicione-o à primeira posição da tabela:
var row = table.insertRow(0);
// Insira novas células (elementos <td>) na primeira e segunda posição do elemento <tr> "novo":
var cell1 = row.insertCell(0);
var cell2 = row.insertCell(1);
// Adicione texto a novas células:
cell1.innerHTML = "NOVA CELULA1";
cell2.innerHTML = "NOVA CELULA2";

Experimente você mesmo

Exemplo 2

Criação e exclusão de linhas:

function myCreateFunction() {
  var table = document.getElementById("myTable");
  var row = table.insertRow(0);
  var cell1 = row.insertCell(0);
  var cell2 = row.insertCell(1);
  cell1.innerHTML = "NOVA CELULA1";
  cell2.innerHTML = "NOVA CELULA2";
}
function myDeleteFunction() {
  document.getElementById("myTable").deleteRow(0);
}

Experimente você mesmo

Sintaxe

tableObject.insertRow(index)
Parâmetro Descrição
index

É obrigatório no Firefox e no Opera, opcional no IE, Chrome e Safari.

Número, que define a posição da linha a ser inserida (começando em 0). O valor 0 resulta na inserção da nova linha na primeira posição.

Também pode usar o valor -1, o que causará a inserção de uma nova linha na última posição.

Se este parâmetro for omitido, o insertRow() inserirá a nova linha na última posição no Chrome, IE, Firefox e Opera, e na primeira posição no Safari.

Detalhes técnicos

Retorno: Elemento <tr> inserido.

Suporte do navegador

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Suporte Suporte Suporte Suporte Suporte

Objeto Table do HTML DOM