Añadir fila de tabla a jQuery

¿Cuál es el mejor método en jQuery para agregar una fila adicional a la tabla como la última fila?

¿Es esto aceptable?

 $('#myTable').append('<tr><td>my data</td><td>more data</td></tr>'); 

¿Existe alguna restricción sobre lo que puede agregar a una tabla como esta (por ejemplo, entradas, selecciones, número de filas)?

2182
05 окт. Darryl Hein ambientó el 5 de octubre. 2008-10-05 00:33 '08 a las 0:33 2008-10-05 00:33
@ 33 respuestas
  • 1
  • 2

No se garantiza que el enfoque que usted proponga le proporcione el resultado que está buscando; qué tbody si tiene un tbody , por ejemplo:

 <table id="myTable"> <tbody> <tr>...</tr> <tr>...</tr> </tbody> </table> 

Terminarás con lo siguiente:

 <table id="myTable"> <tbody> <tr>...</tr> <tr>...</tr> </tbody> <tr>...</tr> </table> 

Por lo tanto, recomendaría este enfoque:

 $('#myTable tr:last').after('<tr>...</tr><tr>...</tr>'); 

Puede incluir algo en el método after() siempre que sea válido para HTML, incluidas varias líneas según el ejemplo anterior.

Actualización :. Repita esta respuesta después de un trabajo reciente con esta pregunta. la irresponsabilidad nota que el DOM siempre será tbody ; Esto es cierto, pero solo si hay al menos una línea. Si no tiene cadenas, no habrá tbody , a menos que usted mismo lo especifique.

DaRKoN_ sugiere agregar a tbody lugar de agregar contenido después del último tr . Esto plantea el problema de las líneas faltantes, pero aún así no es a prueba de balas, ya que en teoría puede tener varios elementos tbody y se agregará una línea a cada uno de ellos.

Habiendo evaluado todo, no estoy seguro de que haya una solución de una sola línea que tenga en cuenta todos los escenarios posibles. Deberá asegurarse de que el código jQuery coincida con su marca.

Creo que la solución más segura es, probablemente, garantizar que su table siempre incluya al menos un tbody en su marca, incluso si no tiene filas. En función de esto, puede utilizar lo siguiente, que funcionará, a pesar del hecho de que tiene varias líneas (además de tener en cuenta varios elementos del tbody ):

 $('#myTable > tbody:last-child').append('<tr>...</tr><tr>...</tr>'); 
1961
05 окт. Responder Luke Bennett 05 de octubre 2008-10-05 00:49 '08 a las 12:49 AM 2008-10-05 00:49

jQuery tiene una herramienta incorporada para administrar elementos DOM al vuelo.

Puedes agregar algo a tu mesa así:

 $("#tableID").find('tbody') .append($('<tr>') .append($('<td>') .append($('<img>') .attr('src', 'img.png') .text('Image cell') ) ) ); 
border=0

El $('<some-tag>') object $('<some-tag>') en jQuery es un objeto tag que puede tener varios atributos attr que se pueden establecer y recuperar, así como text , que representa el texto entre la etiqueta aquí: <tag>text</tag> .

Esta es una sangría bastante extraña, pero es más fácil para usted ver lo que sucede en este ejemplo.

723
14 авг. La respuesta la da Neil 14 ago. 2009-08-14 18:30 '09 a las 6:30 pm 2009-08-14 18:30

Así que todo ha cambiado desde que @Luke Bennett respondió esta pregunta. Aquí está la actualización.

jQuery, ya que la versión 1.4 (?) determina automáticamente si el elemento que está intentando insertar (usando cualquiera de append() , prepend() , before() o after() ) es <tr> y lo inserta en la primera <tbody> en tu tabla o lo transfiere a un nuevo <tbody> , si no existe.

Por lo tanto, su código de muestra es aceptable y funcionará bien con jQuery 1.4+ .;)

 $('#myTable').append('<tr><td>my data</td><td>more data</td></tr>'); 
288
05 июня '12 в 23:12 2012-06-05 23:12 Salman Abbas da la respuesta el 5 de junio de 2012 a las 23:12 2012-06-05 23:12

¿Qué pasa si tienes <tbody> y <tfoot> ?

Por ejemplo:

 <table> <tbody> <tr><td>Foo</td></tr> </tbody> <tfoot> <tr><td>footer information</td></tr> </tfoot> </table> 

Luego inserta una nueva línea en el pie de página, no en el cuerpo.

Por lo tanto, la mejor solución es incluir la <tbody> y usar .append , no .after .

 $("#myTable > tbody").append("<tr><td>row content</td></tr>"); 
157
22 янв. la respuesta es dada ChadT 22 de enero 2009-01-22 09:47 '09 a las 9:47 2009-01-22 09:47

Sé que pediste el método jQuery. Observé mucho y descubrí que podemos hacerlo mejor que directamente usando JavaScript con la siguiente función.

 tableObject.insertRow(index) 

index es un número entero que indica la posición de la línea a insertar (comienza con 0). También puedes usar el valor -1; como resultado, la nueva línea se inserta en la última posición.

Esta opción se requiere en Firefox y Opera , pero no se requiere en Internet Explorer, Chrome y Safari .

Si este parámetro no es insertRow() , insertRow() inserta una nueva fila en la última posición en Internet Explorer y en la primera posición en Chrome y Safari.

Esto funcionará para cualquier estructura de tabla HTML aceptable.

El siguiente ejemplo inserta una cadena en el último (-1 se usa como índice):

 <html> <head> <script type="text/javascript"> function displayResult() { document.getElementById("myTable").insertRow(-1).innerHTML = '<td>1</td><td>2</td>'; } </script> </head> <body> <table id="myTable" border="1"> <tr> <td>cell 1</td> <td>cell 2</td> </tr> <tr> <td>cell 3</td> <td>cell 4</td> </tr> </table> <br /> <button type="button" onclick="displayResult()">Insert new row</button> </body> </html> 

Espero que esto ayude.

55
20 апр. La respuesta la da Shashwat el 20 de abril. 2012-04-20 20:38 '12 a las 8:38 PM 2012-04-20 20:38

Yo recomiendo

 $('#myTable > tbody:first').append('<tr>...</tr><tr>...</tr>'); 

a diferencia de

 $('#myTable > tbody:last').append('<tr>...</tr><tr>...</tr>'); 

Las palabras clave first y last funcionan en la primera o última etiqueta que se debe ejecutar, no cerrar. Por lo tanto, se ve mejor con las tablas anidadas si no desea que la tabla anidada se modifique y en su lugar se agregue a la tabla general. Al menos eso es lo que encontré.

 <table id=myTable> <tbody id=first> <tr><td> <table id=myNestedTable> <tbody id=last> </tbody> </table> </td></tr> </tbody> </table> 
33
23 окт. respuesta dada por el Curtor el 23 de octubre 2010-10-23 00:34 '10 a las 0:34 2010-10-23 00:34

En mi opinión, la forma más rápida e intuitiva -

 //Try to get tbody first with jquery children. works faster! var tbody = $('#myTable').children('tbody'); //Then if no tbody just select your table var table = tbody.length ? tbody : $('#myTable'); //Add row table.append('<tr><td>hello></td></tr>'); 

Hay una demostración de violín aquí

También puedo recomendar una pequeña característica para hacer más cambios de HTML.

 //Compose template string String.prototype.compose = (function (){ var re = /\{{(.+?)\}}/g; return function (o){ return this.replace(re, function (_, k){ return typeof o[k] != 'undefined' ? o[k] : ''; }); } }()); 

Si usas mi compositor de cuerdas, puedes hacerlo como

 var tbody = $('#myTable').children('tbody'); var table = tbody.length ? tbody : $('#myTable'); var row = '<tr>'+ '<td>{{id}}</td>'+ '<td>{{name}}</td>'+ '<td>{{phone}}</td>'+ '</tr>'; //Add row table.append(row.compose({ 'id': 3, 'name': 'Lee', 'phone': '123 456 789' })); 

Aquí hay una demostración de violín.

30
30 июня '14 в 15:40 2014-06-30 15:40 respuesta dada el 30 de junio, 14 a las 15:40 2014-06-30 15:40

Esto se puede hacer fácilmente usando la función "last ()" de jQuery.

 $("#tableId").last().append("<tr><td>New row</td></tr>"); 
23
26 янв. La respuesta se da Nischal 26 de enero. 2010-01-26 16:34 '10 a las 16:34 2010-01-26 16:34

Utilizo este método cuando no hay una fila en la tabla, y cada fila es bastante compleja.

style.css:

 ... #templateRow { display:none; } ... 

xxx.html

 ... <tr id="templateRow"> ... </tr> ... $("#templateRow").clone().removeAttr("id").appendTo( $("#templateRow").parent() ); ... 
17
16 дек. Respuesta de Dominic 16 de diciembre. 2010-12-16 08:30 '10 a las 8:30 am 2010-12-16 08:30

Para una mejor solución colocada aquí, si hay una tabla anidada en la última fila, la nueva fila se agregará a la tabla anidada en lugar de a la tabla principal. Solución rápida (incluidas las tablas con / sin tbody y las tablas con tablas anidadas):

 function add_new_row(table, rowcontent) { if ($(table).length > 0) { if ($(table + ' > tbody').length == 0) $(table).append('<tbody />'); ($(table + ' > tr').length > 0) ? $(table).children('tbody:last').children('tr:last').append(rowcontent): $(table).children('tbody:last').append(rowcontent); } } 

Ejemplo de uso:

 add_new_row('#myTable','<tr><td>my new row</td></tr>'); 
14
22 янв. La respuesta se da Oshua 22 de enero. 2011-01-22 01:21 '11 a la 1:21 2011-01-22 01:21

Tuve algunos problemas relacionados al intentar insertar una fila de la tabla después de hacer clic en una fila. Todo está bien, excepto que la llamada .after () no funciona para la última línea.

 $('#traffic tbody').find('tr.trafficBody).filter(':nth-child(' + (column + 1) + ')').after(insertedhtml); 

Aterricé con una solución muy desordenada:

Cree una tabla de la siguiente manera (id para cada fila):

 <tr id="row1"> ... </tr> <tr id="row2"> ... </tr> <tr id="row3"> ... </tr> 

y así sucesivamente

y luego

 $('#traffic tbody').find('tr.trafficBody' + idx).after(html); 
13
05 окт. Avron Olshewsky respondió el 5 de octubre. 2009-10-05 22:17 '09 a las 10:17 pm 2009-10-05 22:17

Lo decidí así.

Usando jQuery

 $('#tab').append($('<tr>') .append($('<td>').append("text1")) .append($('<td>').append("text2")) .append($('<td>').append("text3")) .append($('<td>').append("text4")) ) 

extracto

 <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <table id="tab"> <tr> <th>Firstname</th> <th>Lastname</th> <th>Age</th> <th>City</th> </tr> <tr> <td>Jill</td> <td>Smith</td> <td>50</td> <td>New York</td> </tr> </table> 
11
12 окт. Responder Anton vBR 12 oct. 2017-10-12 20:54 '17 a las 8:54 pm 2017-10-12 20:54

Mi solución:

 //Adds a new table row $.fn.addNewRow = function (rowId) { $(this).find('tbody').append('<tr id="' + rowId + '"> </tr>'); }; 

uso:

 $('#Table').addNewRow(id1); 
10
09 марта '12 в 3:48 2012-03-09 03:48 la respuesta la da Ricky G el 9 de marzo de 2014 a las 3:48 2012-03-09 03:48

Puedes usar esta gran característica de jQuery add table row . Funciona bien con tablas con <tbody> , pero no lo es. También tiene en cuenta el número de las últimas filas de la tabla.

Aquí hay un ejemplo de uso:

 // One table addTableRow($('#myTable')); // add table row to number of tables addTableRow($('.myTables')); 
10
02 марта '09 в 16:21 2009-03-02 16:21 La respuesta se da en Uzbekjon el 2 de marzo de 2009 a las 16:21. 2009-03-02 16:21
  // Create a row and append to table var row = $('<tr />', {}) .appendTo("#table_id"); // Add columns to the row. <td> properties can be given in the JSON $('<td />', { 'text': 'column1' }).appendTo(row); $('<td />', { 'text': 'column2', 'style': 'min-width:100px;' }).appendTo(row); 
10
06 дек. La respuesta es dada por Pankaj Garg 06 Dic. 2015-12-06 07:13 '15 a las 7:13 2015-12-06 07:13

La respuesta de Neil es definitivamente la mejor. Sin embargo, las cosas se ponen muy desordenadas. Mi sugerencia fue utilizar variables para almacenar elementos y agregarlos a la jerarquía DOM.

HTML

 <table id="tableID"> <tbody> </tbody> </table> 

JAVASCRIPT

 // Reference to the table body var body = $("#tableID").find('tbody'); // Create a new row element var row = $('<tr>'); // Create a new column element var column = $('<td>'); // Create a new image element var image = $('<img>'); image.attr('src', 'img.png'); image.text('Image cell'); // Append the image to the column element column.append(image); // Append the column to the row element row.append(column); // Append the row to the table body body.append(row); 
9
11 мая '14 в 15:04 2014-05-11 15:04 la respuesta la da GabrielOshiro el 11 de mayo de 2014 a las 15:04 2014-05-11 15:04

Encontré este complemento AddRow bastante útil para administrar filas de tablas. Aunque la solución de Luke sería más adecuada si solo necesita agregar una nueva línea.

8
05 дек. La respuesta la da Vitalii Fedorenko 05 dic. 2011-12-05 04:09 '11 a las 4:09 2011-12-05 04:09
 <tr id="tablerow"></tr> $('#tablerow').append('<tr>...</tr><tr>...</tr>'); 
7
21 дек. La respuesta se da Vivek S 21 dec. 2013-12-21 14:54 '13 a las 14:54 2013-12-21 14:54

Creo que lo hice en mi proyecto, aquí está:

HTML

 <div class="container"> <div class = "row"> <div class = "span9"> <div class = "well"> <%= form_for (@replication) do |f| %> <table> <tr> <td> <%= f.label :SR_NO %> </td> <td> <%= f.text_field :sr_no , :id => "txt_RegionName" %> </td> </tr> <tr> <td> <%= f.label :Particular %> </td> <td> <%= f.text_area :particular , :id => "txt_Region" %> </td> </tr> <tr> <td> <%= f.label :Unit %> </td> <td> <%= f.text_field :unit ,:id => "txt_Regio" %> </td> </tr> <tr> <td> <%= f.label :Required_Quantity %> </td> <td> <%= f.text_field :quantity ,:id => "txt_Regi" %> </td> </tr> <tr> <td></td> <td> <table> <tr><td> <input type="button" name="add" id="btn_AddToList" value="add" class="btn btn-primary" /> </td><td><input type="button" name="Done" id="btn_AddToList1" value="Done" class="btn btn-success" /> </td></tr> </table> </td> </tr> </table> <% end %> <table id="lst_Regions" style="width: 500px;" border= "2" class="table table-striped table-bordered table-condensed"> <tr> <td>SR_NO</td> <td>Item Name</td> <td>Particular</td> <td>Cost</td> </tr> </table> <input type="button" id= "submit" value="Submit Repication" class="btn btn-success" /> </div> </div> </div> </div> 

Js

 $(document).ready(function() { $('#submit').prop('disabled', true); $('#btn_AddToList').click(function () { $('#submit').prop('disabled', true); var val = $('#txt_RegionName').val(); var val2 = $('#txt_Region').val(); var val3 = $('#txt_Regio').val(); var val4 = $('#txt_Regi').val(); $('#lst_Regions').append('<tr><td>' + val + '</td>' + '<td>' + val2 + '</td>' + '<td>' + val3 + '</td>' + '<td>' + val4 + '</td></tr>'); $('#txt_RegionName').val('').focus(); $('#txt_Region').val(''); $('#txt_Regio').val(''); $('#txt_Regi').val(''); $('#btn_AddToList1').click(function () { $('#submit').prop('disabled', false).addclass('btn btn-warning'); }); }); }); 
7
31 янв. La respuesta se da SNEH PANDYA 31 jan. 2014-01-31 09:13 '14 a las 9:13 2014-01-31 09:13

Este es el código de piratería informática para hackear. Quería guardar la plantilla de cadena en la página HTML . Las filas de la tabla 0 ... n se muestran en el momento de la solicitud, y este ejemplo tiene una cadena de codificación y una cadena de patrón simplificada. La tabla de plantillas está oculta y la etiqueta de cadena debe estar en una tabla válida, o los navegadores pueden eliminarla del árbol DOM . La adición de una cadena utiliza el contador de identificador + 1, y el valor actual se almacena en el atributo de datos. Asegura que cada línea reciba parámetros URL únicos.

Realicé pruebas en Internet Explorer 8, Internet 9, Firefox, Chrome, Opera, Nokia Lumia 800 , Nokia C7 (con Symbian 3), versiones de Android y versiones beta de Firefox.

 <table id="properties"> <tbody> <tr> <th>Name</th> <th>Value</th> <th> </tr> <tr> <td nowrap>key1</td> <td><input type="text" name="property_key1" value="value1" size="70"/></td> <td class="data_item_options"> <a class="buttonicon" href="javascript:deleteRow()" title="Delete row" onClick="deleteRow(this); return false;"></a> </td> </tr> </tbody> </table> <table id="properties_rowtemplate" style="display:none" data-counter="0"> <tr> <td><input type="text" name="newproperty_name_\${counter}" value="" size="35"/></td> <td><input type="text" name="newproperty_value_\${counter}" value="" size="70"/></td> <td><a class="buttonicon" href="javascript:deleteRow()" title="Delete row" onClick="deleteRow(this); return false;"></a></td> </tr> </table> <a class="action" href="javascript:addRow()" onclick="addRow('properties'); return false" title="Add new row">Add row</a><br/> <br/> - - - - // add row to html table, read html from row template function addRow(sTableId) { // find destination and template tables, find first <tr> // in template. Wrap inner html around <tr> tags. // Keep track of counter to give unique field names. var table = $("#"+sTableId); var template = $("#"+sTableId+"_rowtemplate"); var htmlCode = "<tr>"+template.find("tr:first").html()+"</tr>"; var id = parseInt(template.data("counter"),10)+1; template.data("counter", id); htmlCode = htmlCode.replace(/\${counter}/g, id); table.find("tbody:last").append(htmlCode); } // delete <TR> row, childElem is any element inside row function deleteRow(childElem) { var row = $(childElem).closest("tr"); // find <tr> parent row.remove(); } 

PD: doy todos los créditos al equipo de jQuery; se lo merecen todo. Programación de JavaScript sin jQuery: ni siquiera quiero pensar en esta pesadilla.

7
29 марта '13 в 0:51 2013-03-29 00:51 Whome March 29, '13 a las 0:51 2013-03-29 00:51 da la respuesta.
 <table id="myTable"> <tbody> <tr>...</tr> <tr>...</tr> </tbody> <tr>...</tr> </table> 

Escribiendo con la función javascript

 document.getElementById("myTable").insertRow(-1).innerHTML = '<tr>...</tr><tr>...</tr>'; 
7
19 янв. Respuesta dada por Jakir Hossain el 19 de enero. 2016-01-19 23:09 '16 a las 11:09 PM 2016-01-19 23:09

Como también tengo una forma de agregar una cadena por fin o en algún lugar específico, creo que también debería compartir esto:

Primero, encuentra la longitud o las líneas:

 var r=$("#content_table").length; 

y luego use el siguiente código para agregar una línea:

 $("#table_id").eq(r-1).after(row_html); 
6
20 мая '13 в 12:14 2013-05-20 12:14 La respuesta la da Jaid07, 20 de mayo de 2013, a las 12:14. 2013-05-20 12:14

Para agregar un buen ejemplo a este tema, aquí hay una solución funcional si necesita agregar una línea a una posición específica.

Se agrega una fila adicional después de la quinta fila o al final de la tabla si el número de filas es menor que 5.

 var ninja_row = $('#banner_holder').find('tr'); if( $('#my_table tbody tr').length > 5){ $('#my_table tbody tr').filter(':nth-child(5)').after(ninja_row); }else{ $('#my_table tr:last').after(ninja_row); } 

Pongo el contenido en el contenedor terminado (oculto) debajo de la mesa. Por lo tanto, si usted (o el diseñador) necesita cambiar, no necesita editar JS.

 <table id="banner_holder" style="display:none;"> <tr> <td colspan="3"> <div class="wide-banner"></div> </td> </tr> </table> 
6
29 авг. la respuesta se da d.raev 29 ago. 2013-08-29 14:35 '13 a las 14:35 2013-08-29 14:35

Si tiene otra variable a la que puede acceder en la <td> , intente esto.

Por lo tanto, espero que sea de ayuda

 var table = $('#yourTableId'); var text = 'My Data in td'; var image = 'your/image.jpg'; var tr = ( '<tr>' + '<td>'+ text +'</td>'+ '<td>'+ text +'</td>'+ '<td>'+ '<img src="' + image + '" alt="yourImage">'+ '</td>'+ '</tr>' ); $('#yourTableId').append(tr); 
6
14 окт. La respuesta se da MEAbid 14 oct. 2016-10-14 08:18 '16 a las 8:18 am 2016-10-14 08:18
 <table id=myTable> <tr><td></td></tr> <style="height=0px;" tfoot></tfoot> </table> 

Puede almacenar en caché la variable del pie de página y reducir el acceso al DOM (Nota: puede ser mejor usar una línea falsa en lugar de un pie de página).

 var footer = $("#mytable tfoot") footer.before("<tr><td></td></tr>") 
6
13 апр. Responder Pavel Shkleinik 13 de abril 2012-04-13 13:47 '12 a las 13:47 2012-04-13 13:47

Esta es mi decision

 $('#myTable').append('<tr><td>'+data+'</td><td>'+other data+'</td>...</tr>'); 
5
20 июля '17 в 5:34 2017-07-20 05:34 Daniel Ortegón recibe la respuesta el 20 de julio de 2017 a las 5:34 2017-07-20 05:34

De una manera sencilla:

 $('#yourTableId').append('<tr><td>your data1</td><td>your data2</td><td>your data3</td></tr>'); 
5
16 июня '15 в 15:11 2015-06-16 15:11 vipul sorathiya da la respuesta el 16 de junio de '15 a las 15:11 2015-06-16 15:11

Si está utilizando el complemento Datatable JQuery, puede intentarlo.

 oTable = $('#tblStateFeesSetup').dataTable({ "bScrollCollapse": true, "bJQueryUI": true, ... ... //Custom Initializations. }); //Data Row Template of the table. var dataRowTemplate = {}; dataRowTemplate.InvoiceID = ''; dataRowTemplate.InvoiceDate = ''; dataRowTemplate.IsOverRide = false; dataRowTemplate.AmountOfInvoice = ''; dataRowTemplate.DateReceived = ''; dataRowTemplate.AmountReceived = ''; dataRowTemplate.CheckNumber = ''; //Add dataRow to the table. oTable.fnAddData(dataRowTemplate); 

Ver Datatables fnAddData API de datos de datos

5
02 окт. La respuesta se da Praveena M 02 oct. 2013-10-02 08:06 '13 a las 8:06 2013-10-02 08:06
 $('#myTable').append('<tr><td>my data</td><td>more data</td></tr>'); 

agregará una nueva fila a la primera tabla TBODY , independientemente de la presencia de THEAD o TFOOT . (No encontré la información de la versión de jQuery .append() este comportamiento).

Puedes probar esto en los siguientes ejemplos:

 <table class="t"> <!-- table with THEAD, TBODY and TFOOT --> <thead> <tr><th>h1</th><th>h2</th></tr> </thead> <tbody> <tr><td>1</td><td>2</td></tr> </tbody> <tfoot> <tr><th>f1</th><th>f2</th></tr> </tfoot> </table><br> <table class="t"> <!-- table with two TBODYs --> <thead> <tr><th>h1</th><th>h2</th></tr> </thead> <tbody> <tr><td>1</td><td>2</td></tr> </tbody> <tbody> <tr><td>3</td><td>4</td></tr> </tbody> <tfoot> <tr><th>f1</th><th>f2</th></tr> </tfoot> </table><br> <table class="t"> <!-- table without TBODY --> <thead> <tr><th>h1</th><th>h2</th></tr> </thead> </table><br> <table class="t"> <!-- table with TR not in TBODY --> <tr><td>1</td><td>2</td></tr> </table> <br> <table class="t"> </table> <script> $('.t').append('<tr><td>a</td><td>a</td></tr>'); </script> 

En qué ejemplo, la cadena ab inserta después de 1 2 , y no después de 3 4 en el segundo ejemplo. Si la tabla estaba vacía, jQuery crea un TBODY para la nueva fila.

5
19 апр. Respuesta dada por Alexey Pavlov el 19 de abril. 2012-04-19 13:53 '12 a la 1:53 pm 2012-04-19 13:53

Si desea agregar una row antes del primer elemento secundario <tr> .

 $("#myTable > tbody").prepend("<tr><td>my data</td><td>more data</td></tr>"); 

Si desea agregar una row después del último <tr> hijo.

 $("#myTable > tbody").append("<tr><td>my data</td><td>more data</td></tr>"); 
4
16 марта '17 в 12:07 2017-03-16 12:07 Sumon Sarker da la respuesta el 16 de marzo de 2017 a las 12:07 2017-03-03-16 12:07
  • 1
  • 2

Otras preguntas sobre etiquetas o Haz una pregunta