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

内容来源于 Stack Overflow,并遵循CC BY-SA 3.0许可协议进行翻译与使用

  • 回答 (2)
  • 关注 (1)
  • 查看 (404)

我想使html表格中的一些单元格可以编辑,只需双击一个单元格,输入一些文本,这些更改就可以发送到服务器。我不想使用像Dojo数据网格这样的工具箱。因为它提供了其他一些特性。能给我一些关于如何实现它的代码片段吗?

提问于
用户回答回答于

HTML 5支持内容可编辑,

<table border="3">
<thead>
<tr>Heading 1</tr>
<tr>Heading 2</tr>
</thead>
<tbody>
<tr>
<td contenteditable='true'></td>
<td contenteditable='true'></td>
</tr>
<tr>
<td contenteditable='true'></td>
<td contenteditable='true'></td>
</tr>
</tbody>
</table>
用户回答回答于

可以对所讨论的单元格、行或表使用可内容属性。

更新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中,可以删除行,等等。

扫码关注云+社区

领取腾讯云代金券