实现 vxe-table 分组列头折叠列功能非常简单只需改变列的 visible 就可以实现https://vxetable.cn通过修改列的 visible 属性来精确控制列的显示隐藏templatedivvxe-tableborderheight400:datatableDatavxe-columntypecheckboxwidth60/vxe-columnvxe-colgroupfieldg1title分组1template#header{ column }vxe-buttonmodetext:iconfoldMaps.g1 ? vxe-icon-square-minus : vxe-icon-square-plusclickcollapsable(g1)/vxe-buttonspan{{ column.title }}/span/templatevxe-columnfieldnametitleNamewidth200/vxe-columnvxe-columnfieldroletitleRole:visiblefoldMaps.g1width200/vxe-columnvxe-columnfieldsextitleSex:visiblefoldMaps.g1width200/vxe-column/vxe-colgroupvxe-colgroupfieldg2title分组2template#header{ column }vxe-buttonmodetext:iconfoldMaps.g2 ? vxe-icon-square-minus : vxe-icon-square-plusclickcollapsable(g2)/vxe-buttonspan{{ column.title }}/span/templatevxe-columnfieldagetitleAgewidth200/vxe-columnvxe-columnfieldratetitleRate:visiblefoldMaps.g2width200/vxe-columnvxe-columnfieldaddresstitleAddress:visiblefoldMaps.g2width200/vxe-column/vxe-colgroup/vxe-table/div/templatescriptsetupimport{reactive,ref}fromvueconstfoldMapsreactive({g1:true,g2:true})consttableDataref([{id:10001,name:Test1,role:Develop,sex:Man,age:28,address:test abc},{id:10002,name:Test2,role:Test,sex:Women,age:22,address:Guangzhou},{id:10003,name:Test3,role:PM,sex:Man,age:32,address:Shanghai},{id:10004,name:Test4,role:Designer,sex:Women,age:23,address:test abc},{id:10005,name:Test5,role:Develop,sex:Women,age:30,address:Shanghai},{id:10006,name:Test6,role:Designer,sex:Women,age:21,address:test abc},{id:10007,name:Test7,role:Test,sex:Man,age:29,address:test abc},{id:10008,name:Test8,role:Develop,sex:Man,age:35,address:test abc}])constcollapsable(key){foldMaps[key]!foldMaps[key]}/scripthttps://gitee.com/x-extends/vxe-table