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,