How to Right align numeric field in the grid.

You can add a custom className or a style to the column by checking the type.

 

https://stackblitz.com/edit/react-valgmy-ams1qs?file=app/main.jsx

I need a simple property on grid which should understand supplied field as number and it should right align that.

This is simple standard which every one follows today, I don'r want to loop through all my column collection and explicitly set that style. 

Hello, Mukesh,

Setting the numbers fields by default to the right based on number option, could causes issue as not in every case the developer will want the numbers to be right aligned.

Also, there is no need to loop through the data. I can suggest making a NumerCell component, that will align the numbers and that component can be reused across many Grids:

https://stackblitz.com/edit/react-qnpjx9?file=app/main.jsx

Regards,
Stefan
Progress Telerik