赞
踩
可任意合并表头,实现单元格编辑。
页面效果如图:
页面使用如下:
: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代码如下:
Copyright © 2003-2013 www.wpsshop.cn 版权所有,并保留所有权利。