如何使 HTML 表格单元格可编辑？

Question

我想让 html 表格的一些单元格可编辑，只需双击一个单元格，输入一些文本，更改就可以发送到服务器。我不想使用一些工具包，例如 dojo 数据网格。因为它提供了一些其他的功能。你能给我一些代码片段或关于如何实现它的建议吗？

原文由 wqfeng 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

您可以在相关单元格、行或表格上使用 contenteditable 属性。

针对 IE8 兼容性进行了更新

<table>
<tr><td><div contenteditable>I'm editable</div></td><td><div contenteditable>I'm also editable</div></td></tr>
<tr><td>I'm not editable</td></tr>
</table>

请注意，如果您使表格可编辑，至少在 Mozilla 中，您可以删除行等。

您还需要检查目标受众的浏览器是否支持此属性。

至于监听更改（以便您可以发送到服务器），请参阅 contenteditable change events

原文由 Brett Zamir 发布，翻译遵循 CC BY-SA 3.0 许可协议