Hello,
Is it possible to have a common summary label under the left column instead of having separate labels in each summary cell?
I adjusted the "Group summary demo" for my specific case.
import { Grid, DataGenerator } from '../../build/grid.module.js?468920';
import shared from '../_shared/shared.module.js?468920';
const grid = new Grid({
appendTo : 'container',
fillLastColumn : true,
features : {
sort : 'age',
group : 'city',
groupSummary : {
collapseToHeader : true
},
summary: true,
},
columns : [
{ type : 'rownumber' },
{ text : 'Firstname', field : 'firstName', width : 100 },
{ text : 'Surname', field : 'surName', width : 100 },
{ text : 'City', field : 'city', flex : 1, },
{
text : 'Age',
field : 'age',
width : 100,
type : 'number',
summaries : [
{ sum : 'min', label : 'Min' },
{ sum : 'max', label : 'Max' }
],
},
{
type : 'number',
text : 'Rank',
field : 'rank',
flex : 1,
summaries : [
{ sum : 'min', label : 'Min' },
{ sum : 'max', label : 'Max' }
]
},
{
type : 'number',
text : 'Score',
field : 'score',
flex : 1,
summaries : [
{ sum : 'min', label : 'Min' },
{ sum : 'max', label : 'Max' }
]
}
],
data : DataGenerator.generateData(25),
tbar : {
items : {
target : {
type : 'buttongroup',
toggleGroup : true,
items : {
targetHeader : {
text : 'Display in header',
icon : 'b-fa-table',
onToggle({ pressed }) {
grid.widgetMap.collapseToHeader.disabled = pressed;
grid.features.groupSummary.target = pressed ? 'header' : 'footer';
}
},
targetFooter : {
text : 'Display in footer',
icon : 'b-fa-table b-fa-rotate-180',
pressed : true
}
}
},
collapseToHeader : {
text : 'Collapse to header',
icon : 'b-fa-square',
pressedIcon : 'b-fa-check-square',
toggleable : true,
pressed : true,
onToggle({ pressed }) {
grid.features.groupSummary.collapseToHeader = pressed;
}
}
}
}
});