Conditionally coloring a cell (not row) based on its value

What version of React-Table are you using?

6.7.6

What bug are you experiencing, or what feature are you proposing?

I don’t know how to conditionally color a CELL based on it’s value. I’ve read the README, and can conditionally color a row like this:

            getTdProps={(state, rowInfo, column, instance) => {
                return {
                    style: {
                        background: rowInfo.row.severity == "HIGH" ? "green" : null
                    }
                };
            }}

Here, if the cell’s value is “HIGH”, the entire ROW is green. What I’d like is for just that cell to be green. How do I do that? A simple example would be nice.

Thanks!

Use https://codesandbox.io/s/X6npLXPRW (by clicking the “Fork” button) to reproduce the issue.

https://codesandbox.io/s/4jo143r80w

[mendesfelipe87]

fixed! for future references

https://codesandbox.io/s/744n0nmvl0

[ghost]

Currently not working in V7