Posted 19 August 2021, 10:32 pm EST
Is it possible to set a row span on column group headers? e.g Replace the “getDeeperColumnGroups” function in https://www.grapecity.com/wijmo/demos/Grid/Columns/ColumnGroups/purejs example with:
// slightly different column groups
export function getDeeperColumnGroups() {
return [
{ header: ‘Test’, columns: [
{ binding: ‘name’, header: ‘Name’, width: 150 },
{ binding: ‘currency’, header: ‘Curr’, width: 80, align: ‘center’ },
]
},
{ header: ‘Allocation’, align: ‘center’, collapseTo: ‘alloc.amount’, columns: [
{ binding: ‘alloc.stock’, header: ‘Stocks’, format: ‘p0’, width: 80 },
{ binding: ‘alloc.bond’, header: ‘Bonds’, format: ‘p0’, width: 80 },
{
header: ‘Detail’, align: ‘center’, columns: [
{ binding: ‘alloc.cash’, header: ‘Cash’, format: ‘p0’, width: 80 },
{ binding: ‘alloc.other’, header: ‘Other’, format: ‘p0’, width: 80 },
]
},
{ binding: ‘alloc.amount’, header: ‘Amount’, format: ‘c0’, width: 100, cssClassAll: ‘highlight’ },
] },
{ header: ‘Perf’, align: ‘center’, columns: [
{ header: ‘Short’, align: ‘center’, collapseTo: ‘perf.ytd’, isCollapsed: true, columns: [
{ binding: ‘perf.ytd’, header: ‘YTD’, format: ‘p2’, width: 100, cssClassAll: ‘highlight’ },
{ binding: ‘perf.m1’, header: ‘1 M’, format: ‘p2’, width: 80 },
] },
{ header: ‘Long’, align: ‘center’, collapseTo: ‘perf.m12’, isCollapsed: true, columns: [
{ binding: ‘perf.m6’, header: ‘6 M’, format: ‘p2’, width: 80 },
{ binding: ‘perf.m12’, header: ‘12 M’, format: ‘p2’, width: 100, cssClassAll: ‘highlight’ }
] },
] },
];
}
You will see that “Test” header occupies two rows and “Name” and “Currency” occupy one. I want my “Test” header to only occupy one row and “name” and “currency” to occupy two rows. This is because my real-world my column labels are quite long so I need the extra real-estate.
Is there any way to configure it in this way?