vxe-table 实现列表单元格的合并，将多个列头合并为一个的实现方式

vxe-table 实现列表单元格的合并，将多个列头合并为一个的实现方式
在使用 vxe-table 时，如果需要合并单元格非常简单，只需要通过 merge-cells 就可以非常轻松的合并单元格，但是需要合并列表就非常难了。好消息的最新版本支持列头合并了，只需要通过 merge-header-cells 就能轻松合并列头了
查看官网：https://vxetable.cn
gitbub：https://github.com/x-extends/vxe-table
gitee：https://gitee.com/x-extends/vxe-table
效果

产品需求是将 name 和 role两列合并为一列

代码

由于是临时合并，如果存在个性化列的功能，还需要配合  columns-change 事件来更新合并规则

1. <template>
2.   
3.     <vxe-grid v-bind="gridOptions"></vxe-grid>
4.   
5. </template>

复制代码

https://gitee.com/x-extends/vxe-table

来源：程序园用户自行投稿发布，如果侵权，请联系站长删除
免责声明：如果侵犯了您的权益，请联系站长，我们会及时删除侵权内容，谢谢合作！

感谢分享，学习下。

鼓励转贴优秀软件安全工具和文档！