为 HTML 表格设置样式，使其看起来像 Google Docs 等电子表格答案

【问题标题】：Style an HTML table to look like a Spreadsheet like Google Docs为 HTML 表格设置样式，使其看起来像 Google Docs 等电子表格
【发布时间】：2012-07-05 14:28:28
【问题描述】：

我正在尝试创建一个看起来像 Google Docs 电子表格（或 Excel）的简单电子表格（带有 REST/JSON 后端）。我有一个使用 HTML 输入框和选择框的工作模型。

有没有办法设置它的样式，使它看起来像一个真正的电子表格并使用“ContentEditable=true”并处理 Tab 键？

【问题讨论】：

请显示您当前的 HTML 和样式。

标签： html css spreadsheet contenteditable

【解决方案1】：

你可以试试这个：https://mindmup.github.io/editable-table/ 它适用于引导程序，允许编辑内容，它就像一个 Excel 电子表格，但适用于普通的 HTML 表格。

看起来像这样的图像：Image editableTableWidget。显然您可以在 css 中自定义样式。

【讨论】：