Este proyecto proporciona una implementación en JavaScript para la edición de celdas en tablas HTML directamente en la interfaz de usuario.
- Edición en línea de celdas en tablas HTML.
- Soporte para tipos de datos específicos por columna.
- Personalización de estilos a través de CSS.
-
Clona el repositorio:
git clone https://github.com/jesust/EditableTable.git
-
Abre el archivo index.html en tu navegador para probar la funcionalidad de la tabla editable.
-
Modifica y personaliza según tus necesidades específicas.
Puedes configurar los tipos de datos por columna en el archivo main.js. Por ejemplo:
const editableTable1 = new EditableTable("#table1", {
1: { type: "number" },
4: { type: "number" },
5: { type: "number" },
}, (columnIndex, modifiedValue, originalValue, rowValues) => {
// Lógica de devolución de llamada
// ...
});
Los estilos CSS se encuentran en el archivo EditableTable.css y pueden personalizarse según tus preferencias.
Este proyecto está bajo la Licencia MIT.