element实现合并单元格通用方法
主要思路：
- 对数据进行处理，写了一个getSpanData通用方法。
- 用api中提供的span-method方法。
span-method方法用法：
通过给table传入span-method方法可以实现合并行或列，方法的参数是一个对象，里面包含当前行row、当前列column、当前行号rowIndex、当前列号columnIndex四个属性。该函数可以返回一个包含两个元素的数组，第一个元素代表rowspan，第二个元素代表colspan。也可以返回一个键名为rowspan和colspan的对象。
通用实例
demo.vue
JavaScript
//查询列表
queryTableList(){
getNeeds().then(res=>{
if(res.code===0){
//表格数据
this.tableData=res.data
//对表格数据进行处理，找出需要合并的单元格
this.getSpanData(this.tableData)
}
})
},
//计算需要合并的单元格
getSpanData(data){
//存放计算好的合并单元格的规则
this.spanData=[]
for(vari=0;i0?1:0
return{
rowspan:_row,
colspan:_col
}
}
}
getSpanData中spanData处理后的结构：
数组中12的值表示需要合并的地方，很好理解，就是找到每行中columnIndex对应要合并的位置。
以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持毛票票。
声明：本文内容来源于网络，版权归原作者所有，内容由互联网用户自发贡献自行上传，本网站不拥有所有权，未作人工编辑处理，也不承担相关法律责任。如果您发现有涉嫌版权的内容，欢迎发送邮件至：czq8825#qq.com（发邮件时，请将#更换为@）进行举报，并提供相关证据，一经查实，本站将立刻删除涉嫌侵权内容。