Apply Style to the Group Summary and Remove sum text from the description

[Ronak]

Hello,
Ref: https://www.htmlelements.com/angular/demos/grid/grouping-summary/
Type: Angular Project
I have used the grouping summary to display the summary (sum) of the rows.
I want to know how do I customize the style(like bold the font, change foreground color based on condition etc), of the summary row and also don’t want to display the written sum in the grid it should be a simple total of that group.
can anyone help me out to achieve this?
Thanks

[yavordashew]

 
Hi Ronak,
Thank you for your inquiry.
For your particular requirements the best solution is to add the following piece of code to your app.component.ts file which change the ‘Messages’ ‘sum’ property value:
ngAfterViewInit(): void {
const grid = this.grid
grid.messages[‘en’][‘sum’] = ‘{{value}}’;
grid.refresh();
this.init();
}
As for styling you can use our CSS variables:
–smart-grid-cell-font-size for the font size of the cells,
–smart-background-color for the color of the text in the cells,
–smart-background for the background color of the cells.
Please, do not hesitate to contact us if you have any additional questions.
Best regards,
Yavor Dashev
Smart UI Team
https://www.htmlelements.com/

[Author]

Posts