<html>
<head>
<meta charset="UTF-8">
<title>
window.navigator
</title>
<style>
td {
border: 1px solid gray
padding: 3px 5px
}
</style>
<script>
onload = function(){
var tab = document.getElementsByTagName("table")[0]
var rows = tab.rows
var th = document.createElement("th")
th.innerHTML = "选择"
rows[0].insertBefore(th,rows[0].cells[0])
for(var i = 1 i < rows.length i++){
var td = rows[i].insertCell(0)
var ck = document.createElement("input")
ck.type = "checkbox"
td.appendChild(ck)
}
}
</script>
</head>
<body>
<table>
<tr>
<th>
数量
</th>
<th>
原价
</th>
</tr>
<tr>
<td>1</td>
<td>2</td>
</tr>
</table>
</body>
</html>
不知道你说的是js还是extjs的gridpanel如果是js动态添加一个table，大致如下：
var createTable=function(row,col){//row:行数，col:列数
var table=document.createElement("table")
var tbody=document.createElement("tbody")
for(var i=1i<=rowi++){
var tr=document.createElement("tr")
for(var j=1j<=colj++){
var td=document.createElement("td")
td.innerHTML=i.toString()+j.toString()
tr.appendChild(td)
}
tbody.appendChild(tr)
}
table.border="1px"
table.appendChild(tbody)
document.body.appendChild(table)
}
将createTable函数放到相应的事件中，这里放在body的onload事件中
你好！
你的这个问题，可以使用javascript的 insertBefore函数来解决。
大概的代码如下：
var d = document.getElementById("xuhao")//获取序号行节点,设置一个id为xuhao,便于定位var tr = document.createElement('tr') //创建行元素
var td = document.createElement('td')//创建列元素
td.innerHTML = "Hello World!!"
tr.appendChild(td)//将td追加至tr d.parentNode.insertBefore(tr,d.nextSibling)
//d.parentNode是得到序号行的父节点,通过insertBefore函数将动态生成的tr元素,插入到序号节点的下一个节点(工程坐标)之前.
希望对你有帮助！！
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）