element table合并单元格,eltable 合并单元格
这篇文章主要为大家详细介绍了电子表格实现合并单元格，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
本文实例为大家分享了埃尔表实现合并单元格的具体代码，供大家参考，具体内容如下
el-table合并单元格（vue+element）
-先在埃尔表放入：span-method=arraySpanMethod
El-table:header-cell-style= { background: # eef1f 6 ，color: # 606266 } :data= merchantList border:span-method= arraySpanMethod
El-table-column align= center prop=省名 label=省份/El-表格-列
埃尔-表格-列align=center label=代理商名称
模板范围="范围"
span { { scope。划。父商家名称==范围。划。商户名称？-:范围。划。parentmerchantname } }/span
/模板
/El-表格-列
El-table-column align= center prop= city name label=市/El-表格-列
El-table-column align= center prop= country name label=区/El-表格-列
El-table-column align= center prop=商户名称 label=门店/El-表格-列
/el-table
在方法中写入方法：
//合并单元格
arraySpanMethod ({ row，column，rowIndex，columnIndex }) {
if (columnIndex===0) {//第一列的合并方法，省
const _ row _ 1=this。省arr[行索引]；
const _col_1=_row_1 0？1 : 0;//如果被合并了_row=0则它这个列需要取消
返回{
rowspan: _row_1，
列跨度：_列_1
}
}
},
//初始化
merageInit () {
this.provinceArr=[]
this.provincePos=0
},
//要合并的数组的方法
merage () {
this.merageInit()
for(var I=0；我这个。商家列表。长度；i ) {
if (i===0) {
//第一行必须存在
this.provinceArr.push(1)
this.provincePos=0
}否则{
//判断当前元素与上一个元素是否相同this.provincePos是provinceArr内容的序号
//省
如果这个商人。省名===这个。业务员.省名){
这个。省arr[这个。省份位置]=1
this.provinceArr.push(0)
}否则{
this.provinceArr.push(1)
this.provincePos=i
}
}
}
},
结果展示：
以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持我们。
郑重声明：本文由网友发布，不代表盛行IT的观点，版权归原作者所有，仅为传播更多信息之目的，如有侵权请联系，我们将第一时间修改或删除，多谢。