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:
<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:
$('#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:
$("#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:
$('#tabla').prepend('<tr id="ultima"><td>Ultima fila</td></tr>');