tablas - modificar datos de una tabla javascript

jQuery-Editar una fila de la tabla en línea

Question

Tengo una tabla con columnas y filas arbitrarias. Este hecho es irrelevante aunque realmente, todo lo que quiero hacer es desarrollar una función que convierta una fila (o varias filas) en una serie de entradas de texto que contengan los datos en la tabla (o vacíe si no hay datos en la celda).

No puedo encontrar ejemplos de personas que hagan esto explícitamente, así que me pregunté qué pensaría la gente de aquí que es la mejor manera de encontrar una solución.

Answer 1

Itere sobre las celdas de la tabla en las filas, y reemplace los contenidos con entradas de texto:

function editRow(row) {
$(''td'',row).each(function() {
$(this).html(''<input type="text" value="'' + $(this).html() + ''" />'');
});
}

Necesitas pasar las filas / filas relevantes a la función obviamente.

Answer 2

como dice Eran.

sin embargo, también puedes ver propiedades como contenteditable y designMode, aunque no estoy seguro de cuán bien compatibles están.

una vez que haya reemplazado los contenidos con entradas de texto, puede usar el complemento jquery toggleEdit para administrar el cambio entre el modo de vista previa y el modo de edición.

Answer 3

utiliza http://code.google.com/p/jquery-inline-editor/ , hace exactamente lo que necesitas