Create an HTML spreadsheet to look like a spreadsheet like Google Docs

Question

I am trying to create a simple spreadsheet (with the previous REST / JSON end) that looks like a Google Docs (or Excel) spreadsheet. I have a working model that uses HTML input fields and select boxes.

Is there a way to make this look like a real spreadsheet and use "ContentEditable = true" and also handle the "Tab" keys?

Answer 1

You can try: https://mindmup.imtqy.com/editable-table/ it works with loading, allows you to edit content, it is like an Excel spreadsheet, but it works on a normal HTML table.

Looks like this img: Image is editableTableWidget . Obviusly you can customize the style in css.