動態生成table

2021-08-31 10:40:46 字數 1423 閱讀 4288

記得以前面試的時候遇到過這樣乙個問題:有乙個**,然後有4個輸入框,乙個合併

第1/1列

第1/2列

第1/3列

第1/4列

第1/5列

第2/1列

第2/2列

第2/3列

第2/4列

第2/5列

第3/1列

第3/2列

第3/3列

第3/4列

第3/5列

第4/1列

第4/2列

第4/3列

第4/4列

第4/5列

第5/1列

第5/2列

第5/3列

第5/4列

第5/5列

第6/1列

第6/2列

第6/3列

第6/4列

第6/5列

第7/1列

第7/2列

第7/3列

第7/4列

第7/5列

第8/1列

第8/2列

第8/3列

第8/4列

第8/5列

第9/1列

第9/2列

第9/3列

第9/4列

第9/5列

從第 行到 行

從第 列到 列

現在做這個問題,看起來簡單,但我還是花了很長時間,可能是我的思路不對吧?主要就是用js來操作html,我現在實現了新增行,刪除行,新增列,刪除列

我自己實現的部分**:

html部分 寫道

從第

從第

function init()

document.getelementbyid("newbody").}

}function addrow()

新增行的另一種方法insertrow 寫道

function addrow_withinsert()

新增列,採用insertcell(列位置)方法 寫道

function addcell(){

/*document.getelementbyid("table").rows.item(0).cells.length

用來獲得**的列數 */

for(var i=0;i刪除列,採用deletecell(列位置)的方法 寫道

/*刪除列,採用deletecell(列位置)的方法*/

function removecell(){

for(var i=0;i合併單元格(未實現) 寫道

我的**有問題,主要是**會亂掉,一直沒有改好

js動態生成table 經典

www function removeassigndevice obj var tr obj.parentnode.parentnode var table tr.parentnode table.removechild tr if table.rows.length 1 var row table...

jQuery ajax動態生成table功能示例

參考 1 前台html,jquery,ajax 1 動態的建立乙個table function createshowingtable data if len 0 tablestr tablestr 新增到div中 tableajax html tablestr 2 ajax 選擇電影 functio...

div ul li 動態生成table 2

將資料集轉成雜湊表陣列 資料來源 要儲存到雜湊表的字段 public hashtable covertdatasettohashtable sqldatareader ds,string fields return hts 用div ul li 生成 每行的列數 表示資料集的雜湊表 要生成的資料表的...