Change table background color for selected rows

Is it possible change the background color of the selected rows in the table?

Yes, you can do this with custom css @ckissi! Add this to a text component and toggle on the option for “render as HTML”:

<style>
  ._retool-table1 .table-widget .table-row.selected {
    background-color: rgba(25,25,255,.1);
  }
</style>

More info on this post too: How to write custom CSS in Retool!

For this to work, there needs to be an * between .table-row.selected and {:

Note that it seems to work better using a solid RGB color (just choose a light shade) rather than relying on transparency via RGBA.

Blockquote

1 Like

Thanks for the update here @gsanders! :sparkles: