Dynamic background color on grid cell

[Spyros]

Hello,

I want to set background color of some grid cells according to the hex that is mentioned in them.

The cell text is ex. "ffc107" and I want to make the background color of that cell to match the hex value.

I have tried using the customAttributes property but I have not found any way to achieve the wanted outcome.

If someone knows how to achieve this I would be super glad to know!

Best regards!

[Thiyagu Subramani]

Hi Spyros, 

Thanks for contacting Syncfusion forum. 

Based on your shared information we suspect that you want to set background color for Grid cell based on its value. For this we have already explained this requirement in below documentation link. Please refer it.  By default the appearance of cells can be customized by using the queryCellInfo event. The queryCellInfo event triggers for every cell. In that event handler, you can get QueryCellInfoEventArgs that contains the details of the cell. 

UG: https://ej2.syncfusion.com/react/documentation/grid/cell/#customize-cell-styles 

Please get back to us, if you need any further assistance. 

Regards, 

Thiyagu S 

[Spyros]

Thank you very much for the help, with your assistance and several tries I figured out how exactly to do what I needed!

[Thiyagu Subramani]

Hi Spyros, 

Thanks for your update. 

We are happy to hear that the provided solution helps to achieve your requirement.  

Please get back to us, if you need any further assistance 

Regards, 

Thiyagu S.