動態表格創建器或<tr>創建者

如果我有一個5行4列的表格，但我必須在下一行添加值。沒有數據庫相關的依賴關係。我有ADD按鈕，我想編碼它像以往任何時候我會點擊添加按鈕有一個新的行....... 我的意思是在表中的行的creaton將動態...動態表格創建器或<tr>創建者

可以ayy一個sho我任何示例代碼/鏈接 http://jsfiddle.net/或只是給我任何網址，其中包含演示代碼

來源

2011-04-15 prem shekhar

檢查此鏈接
我寫了這篇文章，解釋瞭如何使用不同的方法和它們的比較來創建帶有JavaScript的table/tr/td。
http://aspilham.blogspot.com/2011/01/test-no1-displaying-data-with-string.html – 2011-04-15 11:26:46

請參閱tutorial。它顯示如何添加新的行和列。

我不知道該怎麼對的jsfiddle做，但我的機器上做一個演示，如下：

<html> 
<head> 
<title>Demo</title> 
<script> 
    function appendRow(tblId) 
    { 
     var tbl = document.getElementById(tblId); 
     var newRow = tbl.insertRow(tbl.rows.length); 
     var newCell = newRow.insertCell(0); 
     newCell.innerHTML = 'Hello World!'; 
    } 
</script> 
</head> 
<body> 
<table id="tabl" border="1"> 
    <tr> 
     <td>Old one</td> 
    </tr> 
</table> 
<input type="button" value="AddRow" onClick="appendRow('tabl')"> 
</body>

來源

2011-04-15 11:20:26

你可以告訴我在jsfiddle.net的代碼 – 2011-04-15 11:26:01

@prem shekhar：查看我更新的答案。 – 2011-04-15 11:37:08

@prem：在這裏工作的例子：http://jsfiddle.net/FAdQp/11/ – 2011-04-15 11:51:21

它可能會幫助全JQuery add row in to table

來源

2011-04-15 11:21:14

在這裏你去： http://jsfiddle.net/dgMET/1/

var table = document.getElementById("table"); 
var row = table.insertRow(table.rows.length); 
var cell1 = row.insertCell(0); 
var cell2 = row.insertCell(0);

來源

2011-04-15 11:25:55 Bazzz

動態表格創建器或​​<tr>創建者

回答

相關問題

動態表格創建器或<tr>創建者