js合并单元格详解编程语言

[JavaScript]代码    

<script type="text/javascript"> 
window.onload = function() { 
var tab = document.getElementById("statStdCountTable"); 
     var maxCol = 3, val, count, start;  //maxCol:合并单元格作用到多少列     
     for(var col = maxCol-1; col >= 0 ; col--) { 
         count = 1; 
         val = ""; 
         for(var i=0; i<tab.rows.length; i++) { 
             if(val == tab.rows[i].cells[col].innerHTML) { 
                 count++; 
            } else { 
                if (count > 1) { 
                 //合并  
                    start = i - count; 
                    tab.rows[start].cells[col].rowSpan = count; 
                    for(var j=start+1; j<i; j++) { 
                        tab.rows[j].cells[col].style.display = "none"; 
                    } 
                    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; j<i; j++) { 
                tab.rows[j].cells[col].style.display = "none"; 
            } 
    } 
} 
}; 
</script>

原创文章,作者:ItWorker,如若转载,请注明出处:https://blog.ytso.com/8773.html

(0)
上一篇 2021年7月18日
下一篇 2021年7月18日

相关推荐

发表回复

登录后才能评论