当前位置: 技术问答>java相关
如何实现动态增加Table 新的一列
来源: 互联网 发布时间：2017-04-14
本文导语: 各位： 我如何用循环逐列生成一个网页上的Table？多谢！ | //oTable表id function addRow(FeeItem, Fee, FeeType){ oRow = oTable.insertRow(oTable.rows.length); oRow.runtimeStyle.backgroundColor = "#e8e9fc"; oCell1 = oRow.insertCell(...
各位：
我如何用循环逐列生成一个网页上的Table？多谢！
我如何用循环逐列生成一个网页上的Table？多谢！
|
//oTable表id
function addRow(FeeItem, Fee, FeeType){
oRow = oTable.insertRow(oTable.rows.length);
oRow.runtimeStyle.backgroundColor = "#e8e9fc";
oCell1 = oRow.insertCell(oRow.cells.length);
oCell2 = oRow.insertCell();
oCell3 = oRow.insertCell();
oCell1.innerText = "00l";
oCell2.innerText = "002";
oCell3.innerText = "003";
oTable.style.display = "inline";
}
function addRow(FeeItem, Fee, FeeType){
oRow = oTable.insertRow(oTable.rows.length);
oRow.runtimeStyle.backgroundColor = "#e8e9fc";
oCell1 = oRow.insertCell(oRow.cells.length);
oCell2 = oRow.insertCell();
oCell3 = oRow.insertCell();
oCell1.innerText = "00l";
oCell2.innerText = "002";
oCell3.innerText = "003";
oTable.style.display = "inline";
}
|
如果是在服务器端,从数据库中取数据：
|
..........
|
..........
|
Table Object method
var intRowIndex = 0;
function insertRow(tbIndex){
var objRow = myTable.insertRow(tbIndex);
var objCel = objRow.insertCell(0);
objCel.innerText = document.myForm.myCell1.value;
var objCel = objRow.insertCell(1);
objCel.innerText = document.myForm.myCell2.value;
objRow.attachEvent("onclick", getIndex);
objRow.style.background = "pink";
}
function deleteRow(tbIndex){
myTable.deleteRow(tbIndex);
}
function getIndex(){
intRowIndex = event.srcElement.parentElement.rowIndex;
pos.innerText = intRowIndex;
}
Table Object method
Current Loction:
HTML
CSS
JavaScript
VBScript
The First Line:
The Second Line:
您可能感兴趣的文章:
本站(WWW.)旨在分享和传播互联网科技相关的资讯和技术，将尽最大努力为读者提供更好的信息聚合和浏览方式。
本站(WWW.)站内文章除注明原创外，均为转载、整理或搜集自网络。欢迎任何形式的转载，转载请注明出处。
本站(WWW.)站内文章除注明原创外，均为转载、整理或搜集自网络。欢迎任何形式的转载，转载请注明出处。