Agregar lineas en formulario de ingreso de comprobantes

Caffa

Delta

Social Media

Verificación en dos pasos activada

¡Usuario con pocos negocios! ¡Utiliza siempre saldo de Forobeta!

• 5 Oct 2016

• #1

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

Delta

Programador

Verificación en dos pasos activada

• 5 Oct 2016

• #2

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

 

Caffa

Delta

Social Media

Verificación en dos pasos activada

¡Usuario con pocos negocios! ¡Utiliza siempre saldo de Forobeta!

• 6 Oct 2016

• #3

Son Lux dijo:

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

Hacer clic para expandir...

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

 

Rodrhigo

Gamma

Verificado por Whatsapp

¡Usuario con pocos negocios! ¡Utiliza siempre saldo de Forobeta!

• 6 Oct 2016

• #4

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

Delta

Social Media

Verificación en dos pasos activada

¡Usuario con pocos negocios! ¡Utiliza siempre saldo de Forobeta!

• 6 Oct 2016

• #5

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)