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
    Posts
  • #101251
    Ronak
    Member
    Up
    0
    Down

    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
    yavordashew
    Member
    Up
    0
    Down

     
    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.