We use cookies to give you the best experience on our website. If you continue to browse, then you agree to our privacy policy and cookie policy. Image for the cookie policy date
close icon

Column setting for rounding numbers and placing decimal points

Hi All,

When we using the column settings for customize data type and input, I faced following requirements to be achieved,

1. How to hide up & down arrows when use of 'numericedit' type.
2. Display always 2 decimal points without thousand separates. (Rounding with 2 decimal points , Type: number editType: 'stringedit')
3. Display always 2 decimal points without thousand separates. (Rounding with 2 decimal points , Type: string editType: 'stringedit', Some time data load as text. This formatting should happen if found numeric value)

Thank you.

3 Replies

HJ Hariharan J V Syncfusion Team May 15, 2019 08:52 AM UTC

Hi Neo,

Query 1:

We suggest you to use `showSpinButton` property to achieve your requirement. Please refer the below code snippets.

this.numEditParams ={ params:{decimals:3, format:'n', showSpinButton: false}};

Query 2 & 3:

We suggest you to use grid cell edit template feature to acheive your requirement. Please refer the below sample and documentation link.

Sample: https://stackblitz.com/edit/angular-yjegvk-oyq4xj?file=app.component.ts
Documentation: https://ej2.syncfusion.com/angular/documentation/grid/edit/?no-cache=1#cell-edit-template

Regards,
Hariharan


NE Neo July 17, 2019 08:50 AM UTC

Hi,

My requirement has been achieved. Thank you for the support.


HJ Hariharan J V Syncfusion Team July 18, 2019 09:31 AM UTC

Hi Neo,

Thanks for your update.

We are happy to hear that your requirement has been achieved.

Regards,
Hariharan

Loader.
Live Chat Icon For mobile
Up arrow icon