Stile una tabella HTML simile a un foglio di calcolo come Google Documenti

Question

Sto cercando di creare un semplice foglio di calcolo (con un back-end REST/JSON) simile al foglio di calcolo di Google Documenti (o Excel). Ho un modello funzionante che utilizza caselle di input HTML e caselle di selezione.

C'è un modo per ridimensionarlo in modo che assomigli ad un vero foglio di calcolo e usi "ContentEditable = true" e anche per gestire i tasti Tab?

Answer 1

Si può provare con questo: https://mindmup.github.io/editable-table/ funziona con bootstrap, consente di modificare il contenuto, è come un foglio di calcolo Excel ma funziona su una normale tabella HTML.

Sembra img: Image editableTableWidget. Ovviamente puoi personalizzare lo stile in css.