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

作者：秋刀鱼在做梦 | 2024-08-28 19:50:33

踩

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博客】立场，版权归原作者所有，本站不承担相应法律责任。如您发现有侵权的内容，请联系我们。转载请注明出处：https://www.wpsshop.cn/w/秋刀鱼在做梦/article/detail/1021870?site