Vamos a ver con un sencillo ejemplo cómo añadir una nueva línea a una tabla. En primer lugar es importante que la tabla tenga el elemento TBODY como en este ejemplo:
1 2 3 4 5 6 7 8 9 10 |
<table id="tabla"> <tbody> <tr id="primera"> <td>Primera fila</td> </tr> <tr id="segunda"> <td>Segunda fila</td> </tr> </tbody> </table> |
Para añadir una fila a la tabla basta con hacer:
1 |
$('#tabla > tbody:last').append('<tr id="ultima"><td>Ultima fila</td></tr>'); |
Es posible que lo que queramos hacer sea añadir una nueva línea en un lugar concreto. Supongamos que queremos insertar una fila después de la primera:
1 |
$("#primera" ).closest( "tr" ).after("<tr id="insertada"><td>Fila insertada</td></tr>); |
Muchas gracias me sirvio mucho tu ejemplo.
y como se inserta en la primera fila teniendo por ejemplo 4 lineas en la tabla?
Prueba usando PREPEND en lugar de APPEND con: