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

This topic contains 1 reply, has 2 voices, and was last updated by Avatar Yavor Dashev 9 months ago.

Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • #101251
    Avatar
    Ronak
    Participant

    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

    #101256
    Avatar
    Yavor Dashev
    Participant

     

    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/

Viewing 2 posts - 1 through 2 (of 2 total)

You must be logged in to reply to this topic.