Glide tables and list, Color whole row background

[MikeM]

I would like to make a request to have an option to customize the wholebackground color of a row on lists and tables, based on its status, like the given below

[MaximeBaker]

Feel free to upvote!

[Andrew_Davies]

I’ve requested this. Would be Sooooo good.

Can’t see it coming anytime soon though

[Himaladin]

You can handle this with CSS for the time being, until Glide adds a built-in option.

[MikeM]

a guide or sample would greatly help!

[Himaladin]

Apologies for the delayed response.

Could you clarify what condition you’re using to differentiate the row colors? What type of table column are you using, and is that column visible or hidden?

[Andrew_Davies]

I don’t want to hijack Mike’s post (but) for me it would be really useful to style based on a status flag.

For example - I could have a status such as “new” or “important” from a simple if then else column - and then to colour the row based on that (ie - new - light blue, important, light red)

The status column would be hidden and I’d like the formatting to be applied to all columns in the table.

Is that possible?

[Himaladin]

Yes I’m exploring several column approaches that could enable full row background coloring like that. I’ll publish the results once it’s ready.

[MikeM]

i actually appreciate when someone have same ideas like me. @Himaladin basically an an itf column with color / hex as source is possible. TABLE TAGS already has a way to color the TAGS>> which made me think that iimplementuing whole row background could be feasible.

[Himaladin]

I understand that you’d like to use a color value directly from a data column to control the row background.
However, even if you store a color in a column, the conditional mapping still needs to be defined somewhere (High → blue, Medium → lighter blue, etc.). Whether that logic lives in the data or in CSS, it doesn’t remove the need to define when and how each color is applied.
When styling is handled purely through CSS, it makes more sense to manage that logic directly in CSS rather than computing the final color in the data column.
That’s why the approaches I shared rely on detecting status indicators instead of reading a color value directly.

You can take a look at the methods here:

How to Color Rows in a Table Collection

There are multiple ways to color rows inside a Table Collection. To indicate row status (e.g., High, Medium, Low), you can use one of three approaches: Button column (aria-label) — reads the button’s aria-label to determine row color. Image fragment in the src — adds a fragment to the image URL (e.g., #High). Boolean column — uses a true/false value to control row color. Part 1 — Color Rows via Button Column This method reads the button’s aria-label and styles the entire <tr> accord…

Let me know if you’d like help adapting one of them.