Conditional Formatting background color for row in Table
Application Type

In my Reactive application, I'm using the Table widget and it has 50 columns. I want to change the background color of the all the rows to red, if the corresponding 50th column has any value greater than 10.

I found an old post using CSS to achieve the above result by applying CSS class to the row of table.

But in reactive application, I don't find any extended properties. Can anyone help me how to achieve this in reactive application - table widget?



You can add CSS to the ROW on table's Style Row property, 



Hi Komal,

Thanks for the quick reply. It helped out.



Hi, friend!

I think the way you can do that is by change from the table to a list, then will be easier to control the eow properties.

You can also try to control it passing condition to the row style:

How could I do this, but only apply the style to a specific row in the table? 

For example, I want to highlight the row who's primary key value is equal to a current one that is set. The other row's remain the same, while the selected one is highlighted a certain color?

You're Welcome Somesh, Glad that helped !! :)

Community GuidelinesBe kind and respectful, give credit to the original source of content, and search for duplicates before posting.