Soy nuevo en jquery, estoy tratando de mostrar una tabla dinámica con jquery. Pero cuando llamo abajo
jQuery.each(data, function(index, value) { value_split = value.slice(','); for(var i=0;i<value_split.length;i++){ $("#table").append("<tr><td>" + value_split[i] + "</td></tr>"); } });Estoy dividiendo porque es una lista separada por comas. obtengo datos como
First name Last Name Age Sam Don 23¿Cómo puedo obtener el formato adecuado con 3 encabezados y detalles en la fila de abajo como una tabla normal?
sí, estoy cortando porque data son objetos, por ejemplo, Object {headers: Array[6], values: Array[6]}
lo siento, no es una lista de objetos
Probablemente quería crear la fila fuera del ciclo interno; de lo contrario, obtendrá una nueva fila para cada valor que agregue.
var data = [ "Sam, Don, 23", "Jane, Doe, 40" ]; jQuery.each(data, function(index, value) { var value_split = value.split(','); var tr = $('<tr />'); for(var i=0;i<value_split.length;i++){ tr.append( $('<td />', {text : value_split[i]}) ); } $("#table").append(tr); }); <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <table id="table"> <tr><th>First Name</th><th>Last Name</th><th>Age</th></tr> </table>