您现在的位置是:网站首页> 编程资料编程资料
vue+elemet实现表格手动合并行列_vue.js_
2023-05-24
365人已围观
简介 vue+elemet实现表格手动合并行列_vue.js_
本文实例为大家分享了vue+elemet实现表格手动合并行列的具体代码,供大家参考,具体内容如下
1.初始化一个element的table表格,选中一个单元格选择合并行和列,参考element文档需要使用到的方法是objectSpanMethod,注意:objectSpanMethod参数行和列都是从0开始,比如第一行第一列单元格位置是(0,0),要合并的行和列最小为1
2.实现效果如下:



3.代码如下:
合并单元格 向上插入一行 向下插入一行 {{ scope.row[item.prop] }}合并单元格 向上插入一行 向下插入一行 {{ scope.row[val.prop] }}