Eu tenho uma tabela com uma coluna e cerca de dez linhas. A primeira coluna tem linhas com texto como cabeçalhos de linha, "cabeçalho 1", "cabeçalho 2". A segunda coluna contém campos para o usuário digitar dados (caixas de texto ecaixas de seleção).

Eu quero ter um botão no topo com o rótulo "Adicionar novo...", e crie uma terceira coluna, com os mesmos campos da primeira coluna. Se o usuário clicar nela novamente, ela criará outra coluna em branco com campos (como na segunda coluna).

Alguém sabe de uma maneira eficaz de manipular o DOM para conseguir isso?

Estou experimentandodiv'areiaTABLES mas eu estou no meu terceiro dia fazendo isso, e parece mais difícil do que deveria ser.