Conditional Formatting background color for row in Table
Question
Application Type
Reactive

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. 

https://www.outsystems.com/forums/discussion/51000/how-to-add-color-in-table-record/

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

Solution

Hi,

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

Regards,

Komal

Hi Komal,

Thanks for the quick reply. It helped out.

Thanks,

Somesh

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.