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

Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
  • #101251

    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?


    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}}’;
    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

Viewing 2 posts - 1 through 2 (of 2 total)
  • You must be logged in to reply to this topic.