How do I highlight a list or table row?

Ask for Help
1

Goal
Some rows in a table are have a diff background colour.

Progress
I can add a table (or list) component to a page.
I want some rows/record to have a red background.

Help needed
I don’t know how to change the colour of specific rows/records based on logic, e.g. if column X = red then row background = red.

2

Here’s my setup:

.custom-check div[class*="pages-component-renderer___StyledDiv7"]:has(div[class*="rt-check"]) {
background: #F1E5AC;
}

[data-testid*="rt-check"] {
margin-top: 0px !important;
}
4 Likes