Inicio JavaScript Editar los datos de una tabla

Editar los datos de una tabla

Jueves, 31-03-2011 18:01 - Leer comentarios - Comentar

Esta vez quiero proponeros utilizar una tabla HTML para sumar filas y columnas, pudiendo editar el contenido de las celdas. Os estareis preguntando ¿Para qué, si ya existen hojas de cálculo que hacen más cosas y mejor? Bueno... nunca se sabe si en algún momento resultará útil. En todo caso, en algo hay que entretenerse.
Podeis probarlo en esta misma página:
Algunos detalles a tener en cuenta:
Pulsa en las celdas para que aparezca un cuadro de texto y poder editar los datos. Pulsa fuera de la celda para terminar la edición.
Pulsa en el signo más, en el encabezado de las columnas o en la primera celda de las filas, para añadir filas o columnas. Pulsando en el signo menos se borrar.
Las filas/columnas se añaden antes de la fila o columna en la que se ha pulsado.
A la tabla le teneis que poner id='tabla' o cambiar, en el archivo codigo.js la línea:
var miTabla = 'tabla'; // poner aquí el id de la tabla que queremos editar
La primera fila, la primera columna, la última fila (subtotales) y la última columna (totales) no es editable.
Para que se pueda sumar algo, tiene que haber, como mínimo, 2 filas y 2 columnas, si no hay más de esas cantidades los respectivos botones de borrar (signo menos) no aparecen. Cuando se añadan filas o columnas volverán a mostrarse
Descargar Codigo

Comentarios

Gerardo Castro - Jueves, 20-10-2016 02:55

Excelente aporte!!! Me ha servido muchísimo.


Anonymous - Martes, 10-07-2012 20:33

esta bien pero no quiero escribir un testamento


ale - Martes, 24-04-2012 02:25

holaa


Janese - Domingo, 04-12-2011 16:36

That's way more clever than I was epxeticng. Thanks!


No se permiten comentarios en este momento.