您的当前位置:首页正文

js对table的td进行相同内容合并示例详解

2024-01-19 来源:易榕旅网
js对table的td进⾏相同内容合并⽰例详解

复制代码 代码如下:

function hb(){

var tab = document.getElementById(\"subtable\"); var maxCol = 3, val, count, start; var ys=\"\";

for(var col = maxCol-1; col >= 0 ; col--) { count = 1; val = \"\";

for(var i=0; iif(val == tab.rows[i].cells[col].innerHTML){ count++; }else{

if(count > 1){ //合并

start = i - count; if(ys==\"#00FFFF\"){ ys=\"#EEEE00\"; }else{

ys=\"#00FFFF\"; }

tab.rows[start].cells[col].rowSpan = count;

tab.rows[start].cells[1].style.backgroundColor=ys;//改变颜⾊ // ys=\"#EEEE00\";

// tab.rows[i].cells[1].style.backgroundColor=\"#00FFFF\";//改变颜⾊绿⾊ for(var j=start+1; jtab.rows[j].cells[col].style.display = \"none\"; tab.rows[j].removeChild(tab.rows[j].cells[col]); }

count = 1; }

val = tab.rows[i].cells[col].innerHTML; } }

if(count > 1 ){ //合并,最后⼏⾏相同的情况下 start = i - count;

tab.rows[start].cells[col].rowSpan = count; for(var j=start+1; jtab.rows[j].removeChild(tab.rows[j].cells[col]); } } } }

因篇幅问题不能全部显示,请点此查看更多更全内容