zoukankan      html  css  js  c++  java
  • js【table】合并行,合并列

    eg:

     1         function hbh() {
     2             var tab = document.getElementById("tableID");
     3             var maxCol = 2, val, count, start, qycol = 1, valqy;  //maxCol:合并单元格作用到多少列,valqy 为区域列的内容,qycol为区域所在列的索引  
     4 
     5             for (var col = maxCol - 1; col >= 1; col--) {
     6                 count = 1;
     7                 val = "";
     8                 valqy = "";
     9 
    10                 for (var i = 0; i < tab.rows.length; i++) {
    11                     if (val == tab.rows[i].cells[col].innerHTML && valqy == tab.rows[i].cells[qycol].innerHTML) {
    12                         count++;
    13                     }
    14                     else {
    15                         if (count > 1) { //合并
    16                             start = i - count;
    17                             tab.rows[start].cells[col].rowSpan = count;
    18                             for (var j = start + 1; j < i; j++) {
    19                                 $(tab.rows[j].cells[col]).remove();
    20                             }
    21                             count = 1;
    22                         }
    23 
    24                         val = tab.rows[i].cells[col].innerHTML;
    25                         valqy = tab.rows[i].cells[qycol].innerHTML;
    26                     }
    27                 }
    28 
    29                 if (count > 1) { //合并,最后几行相同的情况下
    30                     start = i - count;
    31                     tab.rows[start].cells[col].rowSpan = count;
    32 
    33                     for (var j = start + 1; j < i; j++) {
    34                         $(tab.rows[j].cells[col]).remove();
    35                     }
    36                 }
    37             }
    38         };
    View Code
    作者:chenze
    出处:https://www.cnblogs.com/chenze-Index/
    本文版权归作者和博客园共有,欢迎转载,但未经作者同意必须保留此段声明,且在文章页面明显位置给出原文连接,否则保留追究法律责任的权利。
    如果文中有什么错误,欢迎指出。以免更多的人被误导。
  • 相关阅读:
    hdu1848(sg函数打表)
    hdu1850(nim博弈)
    hdu1847(sg函数&yy)
    hdu2147(yy)
    poj2133(sg函数)
    Educational Codeforces Round 18D(完全二叉树中序遍历&lowbit)
    atcoder057D(组合数模板)
    euler证明
    04_过滤器Filter_04_Filter生命周期
    04_过滤器Filter_03_多个Filter的执行顺序
  • 原文地址:https://www.cnblogs.com/chenze-Index/p/10448943.html
Copyright © 2011-2022 走看看