是否可以編輯HTML表格中的數據？

Question

我還沒有找到答案，但是那裏有一個推薦的JavaScript庫/插件，允許用戶編輯表中的數據，就像任何輸入一樣？或者我應該在表格的<td />標籤中創建一個帶有文本輸入的表格？

Answer 1

使用在其編輯插件組合神話般的數據表jQuery插件 - 觀看演示在這裏： http://jquery-datatables-editable.googlecode.com/svn/trunk/index.html

數據表 - http://datatables.net/ ，增加了可編輯它的插件 - 如果你有興趣在SOLU http://code.google.com/p/jquery-datatables-editable/

Answer 2

這個功能就是你要找的東西嗎？ http://itlivewire.com/tuts/jquery-dynamically-change-table-rows.html

或者，如果你希望客戶端能夠編輯一個表，這個插件可能更爲有用： http://code.google.com/p/jquery-datatables-editable/

Answer 3

重刑沒有插件，只要指定的細胞，

如果你知道表的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將包含表中的每個單元格，而不考慮行。