js合并單元格

oofw5751 8年前發布 | 4K 次閱讀 JavaScript

[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>
 本文由用戶 oofw5751 自行上傳分享,僅供網友學習交流。所有權歸原作者,若您的權利被侵害,請聯系管理員。
 轉載本站原創文章,請注明出處,并保留原始鏈接、圖片水印。
 本站是一個以用戶分享為主的開源技術平臺,歡迎各類分享!