Estoy haciendo una aplicación tipo inventario que de acuerdo a una factura de compra pueda consultar los productos relacionados a esa factura y pueda agregarle un input y un botón para enviar cierta información a la BD de cada producto de la factura. Si, por ejemplo, en la factura hay 5 botes de Leche de sabor, como puedo hacer para que aparezcan 5 filas con el texto Leche de sabor ya que cada producto es individual.
Lo que he logrado hacer es que haciendo una tabla html sume la cantidad total de productos, y de acuerdo a ese resultado, dibujo una tabla html con esa cantidad de filas. Lo que no sé es como mostrar los textos.
mi codigo para generar la tabla es
var suma = 0;
$('#grillaArt tr').each(function() {
suma += parseInt($(this).find('td').eq(1).text() || 0, 10)
})
jQuery = $;
jQuery("#generaTabla").hide().fadeIn("Slow");
var NroFila = suma;
var Cantidad = NroFila * NroFila + 1;
var valor = Cantidad * 1300;
jQuery('#tblTabla tr').next().remove();
var a = 0;
for (var x = 0; x < NroFila; x++) {
Cantidad = Cantidad + x;
valor = valor * Cantidad;
a = a + 1;
jQuery('#tblTabla tr:last').after('<tr>' +
'<td align="left">' + a + '</td>' +
'<td align="left">' + Cantidad + '</td>' +
'<td align="left">' + valor + '</td>' +
'<td align="center"><button>Agregar</button></td></tr>'
);
}
jQuery('#tblTabla tr:odd').css('background-color', '#E9F0F8');
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id="generaTabla" style="display: none">
<table cellspacing="0" cellpadding="4" border="0" id="tblTabla" style="color: #333333; width: 100%; border-collapse: collapse;">
<tr style="color: White; background-color: #5D7B9D; font-weight: bold;">
<th align="left">Nro</th>
<th align="left">Cantidad</th>
<th align="left">Valor</th>
<th style="text-align:center">Agregar</th>
</tr>
</table>
</div>