指定行跨列合并单元格(内容可能不同)求解

提问 已结 5 145
难得920
难得920 2019-7-9
悬赏:20飞吻

实现画红色框框的单元格合并
回帖
  • 凡繁烦
    2019-7-9
    templet:function(d){
    return d.XX+d.YY+d.ZZ
    }
    0 回复
  • 难得920
    2019-7-10
    @凡繁烦 是不固定的,加入合并五个td呢。
    0 回复
  • 难得920
    2019-7-10
    @凡繁烦 假如[微笑]
    0 回复
  • 难得920
    2019-7-11
    0 回复
  • 难得920
    2019-7-11
    表格回调的时候
    function colSpan() {
    var tab = document.querySelector("div .layui-table-main .layui-table");//获取目标tabel
    var maxRow = 9, val, count, start;
    count = 1;
    val = "";
    for (var i = 0; i < tab.rows.length; i++) { //遍历所有行
    for (var col = maxRow - 1; col >= 1; col--) { //遍历每一行的每一个td
    if (val == tab.rows[i].cells[col].innerText) { //判断前一个td和后一个td是否相同
    count++;
    tab.rows[i].cells[col].colSpan = count;
    tab.rows[i].cells[col].innerHTML
    = " <span style='position:absolute;left:15%;right:15%;top:0;height:37px;line-height:37px;display:block;border-radius:22px;background:red;color:#fff;text-align:center;'>2<s pan='' style='text-decoration:none'>/"
    + "</s></span>"
    for (var j = 1; j < count; j++) {
    tab.rows[i].cells[j + col].style.display = "none";//相邻的有相同的值,第一个设置colspan,后面的影藏
    }
    } else {
    if (count > 1) {
    count = 1;
    }
    val = tab.rows[i].cells[col].innerText;
    }
    }
    }
    }
    0 回复