Diseñe una tabla HTML para que parezca una hoja de cálculo como Google Docs

Question

Estoy intentando crear una hoja de cálculo simple (con un back end REST/JSON) que se parece a la hoja de cálculo de Google Docs (o Excel). Tengo un modelo de trabajo que usa cuadros de entrada HTML y cuadros de selección.

¿Hay alguna manera de diseñar esto para que parezca una hoja de cálculo real y use "ContentEditable = true" y también para manejar las teclas Tab?

Answer 1

Puedes probar con esto: https://mindmup.github.io/editable-table/ funciona con bootstrap, permite editar contenido, es como una hoja de cálculo de Excel pero funciona en una tabla HTML normal.

Se parece a esto img: Image editableTableWidget. Obviamente puedes personalizar el estilo en css.