How to fill background color of custom renderer?

Tags: #<Tag:0x00007efc6b72a330>
#1

I am using a custom renderer for my “ID” column where I’m displaying an icon which color is changed dynamcially. I want to set the color of the background to a grey, however, it is not filling up the entire cell.

image

I have tried several things, In the custom renderer, I have set the div like so:
div style={{display:‘flex’,flexDirection:‘column’,flex:‘1’, height:‘100%’, backgroundColor:’#eee’}}
and tried many other variations, but nothing works.

I have also used the setCell for that cell specyfing a CSS class which changes the background color. This works for columns that are not using a custom renderer, but for custom renderer is always white.

How can I fill in the entire cell with background color of custom rendered column?

#2

Hi @mhennessy7

here’s a demo that I’ve made https://jsfiddle.net/AMBudnik/8tnda0kg/ let me know if it helps.

#3

That worked!! Hadn’t thought about using the TD element.
Thx!

#4

You’re welcome :slight_smile:
Have a great weekend.

#5