vue+jquery合并单元格

最新推荐文章于 2024-08-06 12:58:11 发布

CenreyH

最新推荐文章于 2024-08-06 12:58:11 发布

阅读量83

点赞数

分类专栏： js 文章标签： javascript 前端开发语言

本文链接：https://blog.csdn.net/CenreyH/article/details/128778311

版权

js 专栏收录该内容

1 篇文章 0 订阅

订阅专栏

在项目过程中遇到需要手动去合并单元格的需求，在参考大量案例后，进行了编写

    const spanList = $('.' + this.cls + ' table span');
    let val = '';
    let cell = 0;
    let rowspan = 1;
    const cols = this.columnsList.length;
    for (var i = cols; i < spanList.length; i = i + cols) {
      if (val == '') {
        val = spanList[i].innerHTML;
        cell = i;
      } else {
        if (val == spanList[i].innerHTML) {
          rowspan++;
          $($('.' + this.cls + ' table td')[i - cols]).hide();
          $($('.' + this.cls + ' table td')[cell - cols]).attr("rowspan", rowspan);
        } else {
          val = spanList[i].innerHTML;
          rowspan = 1;
          cell = i;
        }
      }
    }