一:增加行、列
增加行
// quTableObj是一个table对象
var quTableObj=quItemBody.find(".quCoItem table.quCoChenTable");
// 行数
var rowNum = quTableObj[0].rows.length;
// 列数
var colNum = quTableObj[0].rows[0].cells.length;
// 插入行,注意!此处不能放入循环中,否则会循环增加行
var newRow= quTableObj[0].insertRow(rowNum);
// 增加行,循环列添加单元格
for(var i=0;i<colNum;i++){
if(i == 0){
newRow.insertCell(0).innerHTML="增加行";
}else{
// 依次向每一行的末尾插入一个新列
newRow.insertCell(i).innerHTML="1";
}
}
增加列
// 增加列,此处quTableObj是一个table对象
var quTableObj=quItemBody.find(".quCoItem table.quCoChenTable");
// 行数
var rowNum = quTableObj[0].rows.length;
// 列数
var colNum = quTableObj[0].rows[0].cells.length;
// 增加列,循环行添加单元格
for(var i=0;i<rowNum;i++){
if(i == 0){
// 此处增加单元格可以放入循环中
var content = quTableObj[0].rows[i].insertCell(colNum);
content.innerHTML="22";
}else{
// 依次向每一行的末尾插入一个新列
var content=quTableObj[0].rows[i].insertCell(colNum);
content.innerHTML="2";
}
}
quTableObj内容
二:再更新一下删除行列的方法:
删除行很简单,只需要获取到当前选中单元格的父( tr ),使用行的remove()方法就可以了
optionParent.remove();
optionParent是 tr 对象
删除列需要做几步:
1:获取当前单元格第几列
2:获取一共多少行(循环删除时用)
3:遍历删除
var index=$(curEditObj).parents()[0].cellIndex;
var len = quCoChenTable[0].rows.length;
for(var i = 0;i < len;i++){
quCoChenTable[0].rows[i].deleteCell(index);
}
其中quCoChenTable是table对象,table.rows[i].deleteCell[j] 即 删除第 i 行 第 j 列的单元格