Data table, how to apply a style change on selecting a row

UI Builder
1

Hi all,
Data table, how to apply a style change on selecting a row.
I can apply a style change to the entire table such as using ‘background’ but how to highlight a selected row.
Cheers
Paul

2

Hello, @Paul_HIllen

To customize the highlight color, you need:

  1. Go to Theme → Extensions
  2. Create a new extension
  3. Add the following CSS:
  .bl-data-table .bl-data-table-row.Mui-selected {
    background-color: yellow;
  }

Just replace yellow with any color you’d like, for example #ffeb3b, green, rgb(255, 235, 59) . Any standard color format works perfectly.

Hope this helps. Feel free to reach out if you have any other questions.

Kind regards,
Karyna