Igx grid sum of selected rows | Infragistics Forums

Igx grid sum of selected rows

Akshay Kale posted over 5 years ago

Hi Team,

I'm using igniteui-angular package with version 8.0.3 and using in angular project with angular version 6.

In igx-grid, I want the sum of a column for the selected rows only( rows with check-boxes checked). Please help/guide me to achieve the same.

Thanks & Regards,

Akshay

Top Replies

40

Offline Petko Bozhinov posted over 5 years ago +1
Hello Akshay, Thank you for your inquiry! In order to get the desired result, according to the docs, it’s recommended that you provide a primary...view reply »

Parents

No Data

Reply

Offline Akshay Kale posted over 5 years ago

Thanks Petko!

I'm able to calculate the sum of selected rows.

Also, I'm using summaries attribute on igx-column like as below :

[summaries]="sumSummary"

class SumSummary extends IgxNumberSummaryOperand {
  constructor() {
    super();
  }

  public operate(data?: any[]): IgxSummaryResult[] {
    const result = [];
    result.push({
      key: "sum",
      label: "",
      summaryResult: IgxNumberSummaryOperand.sum(data)
    });
    return result;
  }
}

is there any way where i can assign my custom selected rows sum to the summeries.
Do i need to call operate function explicitly? OR
showing sum on custom div instead of using summeries attribute would be easier?


Thanks,
Akshay

Children

40

Offline Petko Bozhinov posted over 5 years ago in reply to Akshay Kale

Hello Ashkay,

Personally I’d suggest you to show the sum on a custom div instead of using summaries.

The point of the summaries is to gather the whole information out of a certain row and show it at the bottom, so if you want to use it at all costs, you’ll have to override IgxNumberSummaryOperand, just as you began in your example. You’d have to add custom property into the new SumSummary class, which would receive information from the event listener method. The way it’s gonna be seeded with data is through an incrementation of the retriggerRootPipe. In this way, the pipe would be forcedly updated and the operate function would be invoked (it cannot happen with an explicit call, as you asked).

I’m attaching a working sample in Stackblitz so that you could see what I meant. Anyways, for such a custom behavior, I’d certainly suggest using a div instead of summaries.

And here’s a link to the sample: https://stackblitz.com/edit/angular-ko2rru-4sagzg

Hope it helped you out!

All the best wishes,

Petko Bozhinov
Cancel
Reply

Cancel