将HTML表格设置为类似Google文档的电子表格

时间:2012-07-05 14:28:29

标签: html css spreadsheet contenteditable

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

有没有办法对其进行样式设置,使其看起来像真正的电子表格并使用“ContentEditable = true”并处理Tab键?

1 个答案:

答案 0 :(得分:1)

你可以试试这个:https://mindmup.github.io/editable-table/它适用于bootstrap,允许编辑内容,它就像一个excel电子表格,但适用于普通的HTML表。

看起来像img:Image editableTableWidget。很明显,您可以在CSS中自定义样式。