当前位置: 首页 > Web前端 > HTML

JavaScript动态合并垂直单元格

时间:2023-04-02 14:06:26 HTML

1。需要合并相邻行中内容相同的单元格。2.概念rowspan指定单元格垂直跨越的行数。如果rowspan设置为3,则表示单元格必须跨越三行(自己一行,加上另外两行)3.publicmethod/***cellmergemethod,addrowspanattribute*@paramdata待处理的数据*@paramnameList合并字段列表*/functionrowspanFun(data,nameList){for(vari=0;i1){data[startRow][name+'Rowspan']=1;}else{数据[j][姓名+'行跨度']=1;}合并数=1;}}}}else{data[0][name+'Rowspan']=1;}}返回数据;}调用4.js中的public方法vardata=[{name:'dwj',sex:'female',age:20},{name:'dwj',sex:'male',age:20},{name:'dwq',sex:'female',age:20},{name:'other',sex:'female',age:20}];rowspanFun(data,['name','sex']);调用该方法后的数据处理结果在5.html

{{item.name}}{{item.sex}}
{{item.age}}
注意:此html代码使用ng语法,请根据自己使用的js框架自行调整6.结果