tutoriais mais recente desenvolvimento web
 

Linha da tabela insertCell() Method

<TableRow objeto

Exemplo

Inserir nova cell(s) com o conteúdo no início de uma linha da tabela com id = "myRow":

var row = document.getElementById("myRow");
var x = row.insertCell(0);
x.innerHTML = "New cell";
Tente você mesmo "

Definição e Uso

O insertCell() método insere uma célula para a linha corrente.

Dica: Use o deleteCell() método para excluir uma célula na linha da tabela atual.


Suporte navegador

Método
insertCell() sim sim sim sim sim

Sintaxe

tablerowObject .insertCell( Os valores dos parâmetros
Valor Descrição
index Requerida no Firefox e Opera, opcional em IE, Chrome e Safari. Um número (starts at 0) que determina a posição da nova célula na linha de corrente. O valor de 0 resultado em que a nova célula vai ser inserido na primeira posição. O valor de -1 também pode ser utilizado; o que resulta em que a nova célula será inserida na última posição.

Se este parâmetro for omitido, insertCell() insere a nova célula na última posição no IE e na primeira posição no Chrome e Safari.

Este parâmetro é necessário no Firefox e Opera, mas opcional no Internet Explorer, Chrome e Safari.

Detalhes técnicos

Valor de retorno: O elemento de célula inserido

mais Exemplos

Exemplo

Inserir nova cell(s) com o conteúdo no final de uma linha da tabela com id = "myRow":

var row = document.getElementById("myRow");
var x = row.insertCell(-1);
x.innerHTML = "New cell";
Tente você mesmo "

Exemplo

Insere nova cell(s) com o conteúdo na posição de índice 2 de uma linha da tabela com id = "myRow":

var row = document.getElementById("myRow");
var x = row.insertCell(2);
x.innerHTML = "New cell";
Tente você mesmo "

Exemplo

Inserir nova cell(s) no início da primeira linha da tabela. A coleção de linhas da tabela (.rows[0]) retorna uma coleção de todos os <tr> elementos na tabela com id "myTable" . O número [0] especifica do elemento a recuperar, neste exemplo, a primeira linha da tabela. Em seguida, utilizar insertcell() para inserir uma nova cell(s) na posição de índice -1:

var firstRow = document.getElementById("myTable").rows[0];
var x = firstRow.insertCell(-1);
x.innerHTML = "New cell";
Tente você mesmo "

Exemplo

Excluir a primeira cell(s) a partir de uma linha da tabela com id = "myRow":

var row = document.getElementById("myRow");
row.deleteCell(0);
Tente você mesmo "

Exemplo

Inserir nova row(s) no início de uma tabela. O insertRow() método insere uma nova linha no índice especificado em uma tabela, neste exemplo, a primeira posição (the beginning) de uma mesa com id = "myTable". Então nós usamos a insertCell() método para adicionar células na nova linha.

var table = document.getElementById("myTable");
var row = table.insertRow(0);
var cell1 = row.insertCell(0);
var cell2 = row.insertCell(1);
cell1.innerHTML = "NEW CELL1";
cell2.innerHTML = "NEW CELL2";
Tente você mesmo "

<TableRow objeto