当前位置:   article > 正文

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

vtable 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代码如下:

本文内容由网友自发贡献,转载请注明出处:【wpsshop博客】
推荐阅读
相关标签
  

闽ICP备14008679号