JavaScript UI Libraries & Blazor Components Suite – Smart UI Forums Data Grid Apply Style to the Group Summary and Remove sum text from the description Reply To: Apply Style to the Group Summary and Remove sum text from the description

#101256
yavordashew
Member

 
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/