Style an HTML table to look like a Spreadsheet like Google Docs

Question

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

Is there a way to style this so that it looks like a real spreadsheet and uses "ContentEditable=true" and also to handle the Tab keys?

Please show your current HTML and styling. – Alan Wells Feb 26 '16 at 22:36 — Alan Wells, Feb 26 '16 at 22:36

score 2 · Answer 1 · answered Mar 12 '16 at 20:58

You can try with this: https://mindmup.github.io/editable-table/ it works with bootstrap, allows edit content, its like a excel spreadsheet but works on a normal HTML table.

It looks like this img: Image editableTableWidget. Obviusly you can custom the style in css.

Style an HTML table to look like a Spreadsheet like Google Docs

1 Answers1