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

勉欤铅 · 2025-9-28 18:40:13

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 事件来更新合并规则

<template>
<vxe-grid v-bind="gridOptions"></vxe-grid>
</template>

复制代码

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

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

翁谌缜 · 2025-11-22 15:16:40

感谢分享，学习下。

尹疋 · 2025-11-24 02:38:08

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

龙玮奇 · 2025-12-21 09:51:15

感谢分享

董绣梓 · 2025-12-24 04:53:57

用心讨论，共获提升！

裴涛 · 2025-12-27 15:34:20

yyds。多谢分享

广性 · 2025-12-29 01:14:37

谢谢楼主提供！

訾懵 · 2026-1-13 21:53:20

不错，里面软件多更新就更好了

萨瑞饨 · 2026-1-18 02:43:42

yyds。多谢分享

臧莞然 · 2026-1-18 23:05:26

新版吗？好像是停更了吧。

岭猿 · 2026-1-20 15:50:17

新版吗？好像是停更了吧。

昝沛珊 · 2026-1-21 20:00:04

分享、互助让互联网精神温暖你我

沃盼盼 · 2026-1-22 03:00:32

这个好，看起来很实用

嘀荼酴 · 2026-1-23 11:36:31

新版吗？好像是停更了吧。

笃扇 · 2026-1-25 08:44:31

懂技术并乐意极积无私分享的人越来越少。珍惜

皮仪芳 · 2026-1-26 14:08:28

前排留名，哈哈哈

甄婉丽 · 2026-1-27 02:48:12

收藏一下不知道什么时候能用到

栓汨渎 · 2026-1-29 02:38:13

热心回复！

系味 · 2026-2-1 02:11:52

谢谢楼主提供！

赖秀竹 · 2026-2-4 08:13:17

谢谢分享，试用一下

账号		自动登录	找回密码
密码			立即注册

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

相关帖子

回复

浏览过的版块

签约作者

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

相关帖子

相关推荐

回复

浏览过的版块

签约作者