前台页面table表格相同数据列合并

最新推荐文章于 2025-05-21 10:40:20 发布

鮟琦儿

最新推荐文章于 2025-05-21 10:40:20 发布

阅读量1.6k

点赞数

文章标签： table合并数据列

本文介绍了一个使用JavaScript实现的表格列合并功能。通过遍历表格的每一行，比较相邻行的指定列内容，如果内容相同则合并这些单元格，减少重复数据的显示。此方法适用于动态更新表格或简化数据展示。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

function hebingRows(col){
                var trs = $("table tr");
                var rows = 1;
                for(var i=trs.length;i>0;i--){
                    var cur = $($(trs[i]).find("td")[col]).text();
                    var next = $($(trs[i-1]).find("td")[col]).text();
                    if(cur==next){
                        rows++;
                        $($(trs[i]).find("td")[col]).remove();
                    } else {
                        $($(trs[i]).find("td")[col]).attr("rowspan",rows);
                        rows=1;
                    }
                }
            }

            hebingRows(0);//执行 第0列合并