如何实现开关列头分组的同时还能合并头？

希望如图效果，上面增加一个合并的头。
列分组我是参考这里：https://demo.grapecity.com/wijmo/demos/Grid/Columns/ColumnGroups/vue

感谢分享和反馈！解决速度

搞定了 header数据这样改就行了

1. [
   
2.     { header: 'header', align: 'center' columns: [
   
3.         { binding: 'name', header: '銘柄', width: 150 },
   
4.         { binding: 'currency', header: '通貨', width: 80, align: 'center' },
   
5.         { header: '実績', align: 'center', collapseTo: 'perf.ytd', columns: [
   
6.             { binding: 'perf.ytd', header: '年初来', format: 'p2', width: 100, cssClass: 'main-column' },
   
7.             { binding: 'perf.m1', header: '1ヶ月', format: 'p2', width: 80 },
   
8.             { binding: 'perf.m6', header: '6ヶ月', format: 'p2', width: 80 },
   
9.             { binding: 'perf.m12', header: '1年', format: 'p2', width: 80 },
   
10.         ]},
    
11.         { header: '割当', align: 'center', collapseTo: 'alloc.amount', columns: [
    
12.             { binding: 'alloc.stock', header: '株式', format: 'p0', width: 80, cellTemplate: allocTemplate },
    
13.             { binding: 'alloc.bond', header: '債券', format: 'p0', width: 80, cellTemplate: allocTemplate },
    
14.             { binding: 'alloc.cash', header: '現金', format: 'p0', width: 80, cellTemplate: allocTemplate },
    
15.             { binding: 'alloc.other', header: 'その他', format: 'p0', width: 80, cellTemplate: allocTemplate },
    
16.             { binding: 'alloc.amount', header: '金額', format: 'c0', width: 100, cssClass: 'main-column', cellTemplate: amountTemplate }
    
17.         ]}
    
18.     ]}
    
19. ]

复制代码