x-extends / vxe-table

Vxe table 的表格组件
https://vxetable.cn
MIT License
7.61k stars 1.05k forks source link

表头分组(多级表头)如果对<vxe-table-column>做了二次封装,则多级表头会显示错误。 #456

Closed xiaofan007 closed 5 years ago

xiaofan007 commented 5 years ago

(必填)请填写问题描述 Describe the bug

我将vxe-table-column 简单封装了一下,然后别的功能基本没问题,但是在多级表头的时候,出现表头错乱。

(必填)请填写能重现问题的链接,例如(jsfiddlecodesandboxjsrun) Reproduction link

jsfiddle

填写报错信息或截图 Error message or screenshots

先上二次封装的组件截图: image 声明为two-grid-column

这是用vxe-table-column的写法,效果没有问题: image image

但是, 这是用two-grid-column的写法,表头凌乱了。。。 image image

(必填)请填写期望的结果 Expected behavior

期望能在使用二次封装的组件的时候,仍然能够正常的使用多级表头

(必填)请填写版本号 Version

xiaofan007 commented 5 years ago

在码云上面给老兄也提了一下这个问题,怀疑: 在 utils.js 中 // 组装列配置 assemColumn (_vm) { let { table,parent, columnConfig } = _vm }

是不是这个 parent的原因啊?因为我多封了一层,所以parent 没有能正确找到 $parent.columnConfig ? 这个问题应该怎么解决啊?

xiaofan007 commented 5 years ago

@xuliangzhan 重现链接在正文中已更新。这里再次贴出jsfiddle

xiaofan007 commented 5 years ago

@xuliangzhan 经测试,vxe-table: 2.6.5 版本已经没问题啦,辛苦老兄~