Ola gostaria de saber como fazer uma tabela dinamica com javascript onde tera um table com uma linha inicialmente com um botão de + de um lado e - de outro… qdo o usuario clicar no mais ele adiciona na linha de baixo da que ele clicou… alguem sabe como fazer isto?
Tabela dinamica com javascript
L
5 Respostas
E
1 like
<Html>
<head>
<script type="text/javascript">
function adicionarLinha()
{
var local=document.getElementById('tabela');
var tblBody = local.tBodies[0];
var newRow = tblBody.insertRow(-1);
var newCell0 = newRow.insertCell(0);
newCell0.innerHTML = '<td>Coluna 1 Nova</td>';
var newCell1 = newRow.insertCell(1);
newCell1.innerHTML = '<td>Coluna 2 Nova</td>';
var newCell2 = newRow.insertCell(2);
newCell2.innerHTML = '<td>Coluna 3 Nova</td>';
}
</script>
</head>
<body>
<table id="tabela">
<tbody>
<tr>
<td>Coluna 1</td>
<td>Coluna 2</td>
<td>Coluna 3</td>
</tr>
</tbody>
</table>
<input type="button" onclick="adicionarLinha();">
</body>
</html>
Divirta-se heheh!
C
Olá, Boa noite!!!
Gostaria de saber como q faz para inserir dinamicamente colunas ao invés de linhas. Tentei mecher no código , mas não to conseguindo…
Obrigada,
Atenciosamente,
Carla
D
muito bacana, e-cowboy.
impressionante o que o js pode fazer com dom + html
T
muito bacana, e-cowboy.impressionante o que o js pode fazer com dom + html
E com a ajuda de Frameworks como o Prototype, podemos fazer coisas incríveis.
C
Como posso fazer o estilo Zebrado nas linhas adicionadas na tabela dinamica
Criado 23 de maio de 2008
Ultima resposta 25 de mai. de 2011
Respostas 5
Participantes 6