【layui如何实现表格单元格合并】

最新推荐文章于 2024-08-09 20:33:11 发布

常安cc

最新推荐文章于 2024-08-09 20:33:11 发布

阅读量1.7k

点赞数 1

分类专栏： layui 前端文章标签： layui javascript 前端

本文链接：https://blog.csdn.net/m0_55546349/article/details/127535439

版权

本文介绍了使用layui在前端实现表格单元格合并的步骤，包括在生成表格后调用特定方法来合并重复单元格，以及详细说明了相关方法的编写过程。

摘要由CSDN通过智能技术生成

layui如何实现表格单元格合并

第一步：再生成表格后调用此方法，以合并重复的单元格

done : function(res, curr, count) {
   

       merge(res);

}

第二步：编写这个方法：

function merge(res) {
    
        var data = res.data;
        var mergeIndex = 0;//定位需要添加合并属性的行数
        var mark = 1; //这里涉及到简单的运算，mark是计算每次需要合并的格子数
        var columsName = ['id','name'];//需要合并的列名称
        var columsIndex = [0,1];//需要合并的列索引值  
        for (var k = 0; k < columsName.length; k++) {
    //这里循环所有要合并的列
            var trArr = $(".layui-table-body>.layui-table").find("tr");//所有行
                for (var i = 1; i < res.data.length; i++) {
    //这里循环表格当