是否可以编辑HTML表格中的数据？

我还没有找到答案，但是那里有一个推荐的JavaScript库/插件，允许用户编辑表中的数据，就像任何输入一样？或者我应该在表格的<td />标签中创建一个带有文本输入的表格？是否可以编辑HTML表格中的数据？

来源

2012-01-04 Zach Dziura

如果我可以选择多个答案作为接受的答案，我会的！ – 2012-01-04 17:17:38

使用在其编辑插件组合神话般的数据表jQuery插件 - 观看演示在这里： http://jquery-datatables-editable.googlecode.com/svn/trunk/index.html

数据表 - http://datatables.net/ ，增加了可编辑它的插件 - 如果你有兴趣在SOLU http://code.google.com/p/jquery-datatables-editable/

来源

2012-01-04 17:12:19 techfoobar

这个功能就是你要找的东西吗？ http://itlivewire.com/tuts/jquery-dynamically-change-table-rows.html

或者，如果你希望客户端能够编辑一个表，这个插件可能更为有用： http://code.google.com/p/jquery-datatables-editable/

来源

2012-01-04 17:11:14 dangerChihuahua007

重刑没有插件，只要指定的细胞，

如果你知道表的ID：

document.getElementById("**tableID**") 
    .getElementsByTagName("tr")[Row Number] 
    .getElementsByTagName("td")[Cell Number];

否则，你就需要从指数

document.getElementsByTagName("table")[Table Number] 
    .getElementsByTagName("tr")[Row Number] 
    .getElementsByTagName("td")[Cell Number];

例如选择表如果有一个表2行2列，我想他们都具有一些，我只想做：

var tableElm = document.getElementById("**tableID**") //table element 
    .getElementsByTagName("tr")[0] //row element 
    .getElementsByTagName("td"); //individual cells 

the table and row selection is now cached in tableElm 
tableElm[0].innerHTML = "1"; 
tableElm[1].innerHTML = "2"; 
tableElm[2].innerHTML = "3"; 
tableElm[3].innerHTML = "4";

除非有理由查询行本身，否则甚至不需要“.getElementsByTagName（”tr“）[0]”。如果您摆脱它，CELL NUMBER将包含表中的每个单元格，而不考虑行。

来源

2012-01-04 18:50:56 timewaster51

是否可以编辑HTML表格中的数据？

回答

相关问题