您的位置:首页 > Web前端 > JavaScript

js控制表格单元列合并

2018-01-08 17:42 316 查看
/**
* @ function:合并指定表格列(表格id为table_id)指定列(列数为table_colnum)的相同文本的相邻单元格
* @ param:table_id 为需要进行合并单元格的表格的id。如在HTMl中指定表格 id="data" ,此参数应为 #data
* @ param:table_colnum 为需要合并单元格的所在列。为数字,从最左边第一列为1开始算起。
*/
function table_rowspan(table_id, table_colnum) {
table_firsttd = "";
table_currenttd = "";
table_SpanNum = 0;
table_Obj = $("#"+table_id + " tr td:nth-child(" + table_colnum + ")");

table_Obj.each(function (i) {
if (i == ConstText.HTML_MSG_NUM_ZERO()) {
table_firsttd = $(this);
table_SpanNum = 1;
} else {
table_currenttd = $(this);
if (table_firsttd.text() == table_currenttd.text()) { //这边注意不是val()属性,而是text()属性
//td内容为空的不合并
if(table_firsttd.text() !=""){
table_SpanNum++;
table_currenttd.hide(); //remove();
table_firsttd.attr("rowSpan", table_SpanNum);
}
} else {
table_firsttd = $(this);
table_SpanNum = 1;
}
}
});
};
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: