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.
Up arrow icon