vue 可合并表格组件_Vue封装的可编辑表格插件方法

可任意合并表头，实现单元格编辑。

页面效果如图：

页面使用如下：

:datat = "tableData"

:thlabel="thlabel"

:isEdit="true">

export default{

data(){

return{

tableData:[{'a':'1','b':'2','c':'3','d':'8'},{'a':'4','b':'5',c:'6',d:'9'}],

thlabel:[[{label:'测试1',prop:'a',rowspan:'2'},{label:'测试2'},{label:'测试3',colspan:'2'}],

[{prop:'c',label:'表头2'},{prop:'b',label:'表头3'},{prop:'d',label:'表头4'}]]

}

}

}

目录结构如下：

vtable.vue代码如下：