como agregar filas a una tabla

ray_rockus · #1 (**permalink**) 07/11/2003, 03:34

necesito insertar una fila al final de la tabla pero esto debe ser cada vez que de clic en un boton html

como puedo agregar dinamicamente filas a una tabla???

KarlanKas · #2 (**permalink**) 07/11/2003, 03:36

Hola ray_rockus!

Veo que llevas poco en los foros, bienvenido. Permíteme uqe te sugiera uqe en los títulos de tus preguntas pongas algo que sea descriptivo del problema y no una súplica. La gente estará más dispuesta a ayudarte.

Graciaaas

KarlanKas · #3 (**permalink**) 07/11/2003, 05:09

Mira a ver si te funciona esto. Funciona con la primera tabla que tengas en tu página y te pone el mísmo número numero de celdas que tengas en la primera fila. Si pones tu código o describes un poco más lo que quieres tal vez pueda precisar un poco más.

Un saludo

Código PHP:

  <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> 
<html> 
<head> 
    <title>Untitled</title> 
    <style> 
    TD{border:dotted 1px black; 
    padding:10px; 
    background:white;} 
    table{background:silver; 
    border:solid 1px black;  
    font:normal 10px/10px verdana;} 
    </style> 
    <script> 
    function agregar(){ 
    tabla=document.getElementsByTagName("TABLE")[0].outerHTML; 
    numeroDeCeldas=tabla.toLowerCase().split("<tr>")[1].split("<td>").length-1; 
    tabla=tabla.substring(0,tabla.length-16); 
    codigoAAgregar="<tr>"; 
    for(a=0;a<numeroDeCeldas;a++){ 
    codigoAAgregar+="<td>&nbsp;</td>"; 
    } 
    codigoAAgregar+="<tr>"; 
    tabla+=codigoAAgregar; 
    tabla+="</tr></tbody></table>"; 
    document.getElementsByTagName("TABLE")[0].outerHTML=tabla; 
    } 
    </script> 
</head> 
 
<body> 
<table name="tablita"> 
<tbody> 
<tr> 
<td>Hola 
</td> 
<td>Hola 
</td> 
<td>Hola 
</td> 
</tr> 
<tr> 
<td>Hola 
</td> 
<td>Hola 
</td> 
<td>Hola 
</td> 
</tr> 
</tbody> 
</table> 
<input  
style="position:absolute; 
left:200px; 
top:20px; font=normal 10px/10px verdana;"  
type="button" 
 value="Añadir!" onclick="agregar()"> 
 
 
</body> 
</html>

JavierB · #4 (**permalink**) 07/11/2003, 12:07

Hola, ray_rockus y KarlanKas.

En este mensaje hay una buena forma de añadir filas a una tabla -> Pulsame

Saludos,