insertCell()

Opá é nóis nós di de novo.

Esta é uma página permanente para a descrição do método insertCell do DOM.

Para que serve?

Este método é usado para inserir uma célula em uma linha especificada de uma tabela (tr).

Ele também adiciona a nova célula na coleção de célula (cels collection)

Sintaxe

var oCel = TR.insertCell(index);

• TR é a referencia do Table Row(linha) aonde a célula vai ser inserida
• index é o índice aonde a nova célula vai ser inserida (o padrão é -1 que será a ultima célula da linha)
• oCel é a referencia da nova célula criada

Exemplo

<table>
  <tr id="linha0">
    <td>Célula Original</td>

  </tr>
</table>

<script type="text/javascript">

  function adicionaCelula(tableRowID)
  {

    // Pega a referência da linha
    var oLinha= document.getElementById(tableRowID);

    //insere a celula na linha na posição 0
    var novaCelula = oLinha.insertCell(0);

    // Adiciona um texto à célula
    var novoTexto  = document.createTextNode('Nova célula')
    novaCelula.appendChild(novoTexto);
  }

// Chama a função adicionaCelula passando como parametro o id da linha
adicionaCelula('linha0');

</script>

Aprenda a usar o método inserRow()

Veja um outro exemplo mais completo aqui

Referências:

MSDN
Mozila