勉欤铅 发表于 2025-9-28 18:40:13

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

谢谢分享，试用一下
页: [1] 2
查看完整版本: vxe-table 实现列表单元格的合并，将多个列头合并为一个的实现方式