739
Views
6
Comments
Solved
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?

2021-06-01 05-56-33
Komal Kumbhar
Solution

Hi,

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

Regards,

Komal

2025-05-11 04-57-37
Somesh Renganathan

Hi Komal,

Thanks for the quick reply. It helped out.

Thanks,

Somesh

UserImage.jpg
Githiyon J

Hi How could  I add the CSS style into the  table-row ?

2026-02-05 15-36-36
Lenon Manhães Villeth
Champion

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:



UserImage.jpg
Milos Stankovic

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?

2021-06-01 05-56-33
Komal Kumbhar

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.