Kendo UI Angular Grid NumberFormatOptions

Question

I understand there are a few ways to format the numbers in the Angular Kendo UI Grid. For example: {{decimal | kendoNumber:'c' }}

But instead of having a currency I would like to format the number in the following format (similar with the currency but without currency label):

123.123.123.123,11

(12 digits before the comma and two after the comma.) In Kendo there are some NumberFormatOptions but I could not figure out how to use them. Can anyone provide me some examples of how to use these NumberFormatOptions correctly?

Would be great. Thanks in advance.

Additional information can be found here: https://github.com/telerik/kendo-intl/blob/master/docs/num-formatting/index.md — Philipp, Feb 19 '18 at 12:59
Awesome. That link explains a lot. Thanks. Just what I was looking for. — Wald Specht, Feb 25 '18 at 15:30

score 1 · Accepted Answer · answered Feb 19 '18 at 11:10

1

You can try a 'n2' format option, it works in the same way but without currency symbol

{{ 123123123123.11  | kendoNumber:'n2' }}

answered Feb 19 '18 at 11:10

maxs87

2,274
2
19
23

score 0 · Answer 2 · edited Jun 20 '20 at 09:12

0

For the Kendo grid (e.g. to use currencies), the proper way to do this would be to import the language pack and provide it in your module:

import '@progress/kendo-angular-intl/locales/en/all';

{ provide: LOCALE_ID, useValue: 'en' }

Then in your kendo grid:

< kendo-grid-column field="Amount" title="Amount" width="150" format="{0:c}">

edited Jun 20 '20 at 09:12

Community

1
1

answered May 21 '19 at 14:09

Jnr

1,504
2
21
36

Kendo UI Angular Grid NumberFormatOptions

2 Answers2