Vue Kendo Native Grid Grouping Aggregates CANNOT show the format

[Dev]

Hi, here is my problem.

I used the Vue Kendo Native Grid Grouping.

When it is Basics, it CAN show the format of columns. (As the screenshot of CAN format)

The STACKBLITZ example in this page is the one I tried for CAN format. 

https://www.telerik.com/kendo-vue-ui/components/grid/grouping/

 

---

But when it is Aggregates, it CANNOT show the format of columns. (As the screenshot of CANNOT format)

The STACKBLITZ example in this page is the one I tried for CANNOT format. 

https://www.telerik.com/kendo-vue-ui/components/grid/grouping/grouping/

 

How can I show the format of columns when I use the Vue Kendo Grid Grouping Aggregates?

Thank you a lot!!!

[Petar]

Hi Dev,

Thank you for the provided details about the experienced issue. The reason why the format is not applied in the second example is that it uses a template. This template overrides the format set with the "format" property. 

To add formatting to the "UnitPrice" field, you can use the following code in the CellComponent.vue component.

    if(fieldName ==="UnitPrice" && data!==undefined){
      return new Intl.NumberFormat('en-US', { style: 'currency', currency: 'USD' }).format(data)
    }

The above is added to the nestedValue function and the UnitPrice is displayed as in the first example you sent us. 

Here is a StackBlitz example demonstrating the usage of the above snippet.

Check the above link and let me know if you have any questions about the provided implementation. 

If you need further assistance with the current ticket, I will be happy to help you.

Regards,
Petar
Progress Telerik

[Dev]

I got it! Thank you so much!!!

[Petar]

You are welcome!