Hola a todos les dejo algo que me resulto util a la hora de diseñar una web de gestion comercial donde almacenaban distintos datos: pedidos, stock, clientes, etc.
Encontre un plugin de Jquery : -> Jeditable que permite editar cualquier elemento DOM (basta con cambiar el selector en el codigo del ejemplo  $("selector") )de una web y mandar el resultado por metodo post a una url que lo parsee y modifique la informacion de la base de datos.

Ejemplo en una tabla creada dinamicamente con resultados a una consulta a la base de datos:

incluimos las librerias minimas indispensables para este ejemplo:

y finalmente creamos un evento de doble click en las celdas donde esta la informacion a modificar

Expliquemos un poco el codigo javascript:

$("table td"

).on("dblclick",function(e){     // crea un evento del tipo doble click en todos los TD de la tabla "table"
   $(this).editable('index.php', { // pasa el elemento DOM TD clickeado y lo convierte en un input, al finalizar la edicion envia el resultado a index.php por POST y devuelve el valor en caso haber tenido exito en la query
         id   : 'id', // id del TD en este caso yo le asigne un alias de la tabla, el campo, y el id del registro
         name : 'value', // pasamos el valor a actualizar
         indicator : '<img style="width:40px" src="http://www.rbb-autoradio.com.ar/sistemanuevo/img/loading.png">', // mostramos un loader durante la operacion
         submitdata : {edit: true} // paso un valor boleano por POST para procesarlo en index.php
         
     });
}); 

 

 

Tambien se puede convertir  el objeto a editar en; textarea,datepicker, select
Fuente: Autor de JEditable

les dejo un editor en vivo para verlo en accion:
Demo

les dejo un video que ilustre mejor la idea:
Video Demo