Adicionar linhas em formulário de entrada de comprovantes

Caffa · 05/10/2016

Hola betas, hoy vengo con esta consulta.. Supongamos que tengo una grilla como la siguiente:

Yo lo que quiero es que de alguna forma con un boton "+" se puedan agregar mas lineas... Les comento, esto es parte de ingreso de comprobantes de compra. Si bien tengo pensado poner unas 4 lineas fijas, una factura posiblmente pueda tener 15 lo cual no quedaría esteticamente lindo... Que me recomiendan usar? COmo podría hacerlo?

Gracias de antemano!!!

Son Lux · 05/10/2016

A ver si entendí, ¿quieres un botón para agregar más columnas a una tabla?

Caffa · 06/10/2016

Son Lux disse:
A ver si entendí, ¿quieres un botón para agregar más columnas a una tabla?

No, quiero un boton que vaya agregando filas abajo de todo... Para cargar màs items!

Rodrhigo · 06/10/2016

Aquí te hice el código.

HTML:

<style>#tabla td{min-width:200px;height:30px;border:1px solid black;}</style>
<table id="tabla" style="width:1000px;border:1px;">
</table>
<input type="button" value="Añadir filas" onclick="row_add();"/>

<script>
function row_add(){
         var tabla = document.getElementById("tabla");
         tabla.innerHTML = tabla.innerHTML+"<tr><td></td><td></td><td></td><td></td></tr>";
}
</script>

Si quieres que puedan ingresar algo en cada celda tienes que añadir un <input type="text" value=""/> dentro de cada la etiqueta "td"

Caffa · 06/10/2016

Gracias, si a alguien le sirve encontré esto

Code Snippet Dynamic Table row creation and Deletion using HTML Bootstrap jQuery | Bootsnipp.com (espero no haya inconveniente con dejar este link, sino borrenlo)

Adicionar linhas em formulário de entrada de comprovantes

Caffa

Son Lux

Caffa

Rodrhigo

Caffa

Tópicos similares