Código Javascript:
Ver original
var TableData = new Array(); $(document).on('click','#nuevoFolio',function(){ $('#sampleTbl tr').each(function(row, tr){ TableData[row]={ "Código" : $(tr).find('td:eq(0)').text(), "nombre" : $(tr).find('td:eq(1)').text(), "unidad" : $(tr).find('td:eq(2)').text(), "cantidad" : $(tr).find('td:eq(3)').text(), "dejarcero" : $(tr).find('td:eq(4)').text() } }); TableData.shift(); });
Ahora la estructura de la tabla es la siguiente:
Código HTML:
Ver original
y las filas las genero de esta manera:
Código Javascript:
Ver original
$(document).on('click','#agregar',function(){ if(validaCantidad()){ if (f_valida_repetido()){ var codigo = $("#codigoProd").val(); var filas = document.getElementsByTagName("tr"); var nombre = $("#nombreProd").val(); var unidad = $("#um").val(); var cantidad = $("#cantidadProd").val(); var dejarcero = $('#checks:checked').val(); if( $('#checks').is(':checked') ) { var strNueva_Fila= '<tr>'+ '<td style="max-width: 172px;" class="codTabla" >'+codigo+'</td>'+ '<td>'+nombre+'</td>'+ '<td>'+unidad+'</td>'+ '<td>'+cantidad+'</td>'+ '<td style="color: transparent;">1</td>'+ '<td align="center"><button type="button" id="eliminarFila" name="eliminarFila" class="btn btn-danger" onClick="eliminaFila(this)" >-</button></td>'+ '</tr>'; // imprimimos elementos } else { var strNueva_Fila= '<tr>'+ '<td style="max-width: 172px;" class="codTabla" >'+codigo+'</td>'+ '<td>'+nombre+'</td>'+ '<td>'+unidad+'</td>'+ '<td>'+cantidad+'</td>'+ '<td style="color: transparent;">0</td>'+ '<td align="center"><button type="button" id="eliminarFila" name="eliminarFila" class="btn btn-danger" onClick="eliminaFila(this)" >-</button></td>'+ '</tr>'; } var objTabla=document.getElementById("tablaProd"); // capturamos la id de la tabla $(objTabla).find('tbody').append(strNueva_Fila); $("#codigoProd").val("000"); $("#nombreProd").val(""); $("#um").val(""); $("#cantidadProd").val(""); $("#stockProd").val(""); $('#checks').prop(''); //$('#checks').prop('checked', false); return false; } return false; } });