layui table 的多列的 合并单元格,并且从左到右有归属关系,即右侧合并单元格不会出现跨左侧分区界限的情况

 

通过参考https://fly.layui.com/jie/27432/#comment  处博客并结合自身业务修改代码得到:

 

//参考网址 https://fly.layui.com/jie/27432/#comment
// 我的邮箱 yangyong2143@gmail.com
// 对应的layui版本:  layDate 5.0.9


// 函数定义
/*
数据示例:
原始数据:

北京	1月1日	23度
北京	1月1日	25度
北京	1月2日	25度
北京	1月2日	26度
临汾	1月1日	26度
临汾	1月1日	28度
临汾	1月2日	28度
临汾	1月2日	30度
临汾	1月2日	21度

合并单元格后的数据:

        23度
1月1日   25度
北京
1月2日   25度
        26度


           26度
  1月1日    28度
临汾
           28度
  1月2日    30度
           21度

 */
// 实现了layui table 的多列的合并单元格,并且从左到右有归属关系,即右侧合并单元格不会出现跨左侧分区界限的情况
/*
 使用注意事项:合并单元格要做 某列 同组值放到一起,比如 城市列 需要是 北京 北京 临汾 临汾;不能是 北京 临汾 北京 临汾.即后台需要先分组排序; 支持多列合并,以左侧分区为参考值
        eg:后台让你 a b c列合并单元格;那么他给你的数据首先a b c满足从左到右的列关系;并且a内重复的数据必须连续,就如同shell里面unique去重需要提前sort排序一样;
 */

/**
 * name layui合并tbody中单元格的方法
 * @param tableId  表格的id属性
 * @param fieldName 要合并的列field值
 * @desc 此方式适用于没有列冻结的单元格合并
 */

// 分组的