Solved: Re: Change hover highlight row table drilldown

DanielSp · ‎05-27-2021

Hello,

I have a table with background blue, and letter white, this table have a drilldown by row

When I move the mouse in the different rows, It appears with background-color: ECF8FF (attached example)

I have tried with different ways with <html><style> but I was able to fill with a border to the selected row, but I could not change color font, or background color (instead ECF8FF a green for example) of the selected row

I have tried many solutions but It didn't work

Could you help me, please?

Thanks a lot¡¡¡

ITWhisperer · ‎05-28-2021

OK you need to qualify the tr class as highlighted and you need to have row level drilldown.

          tr.highlighted td
          {
            color: yellow !important;
            background-color: red !important;
          }

View solution in original post

DanielSp · ‎05-28-2021

Thanks a lot, with that solution background doesn't work yet, and color of letter works, but only where appears the mouse, I add a new image attached to show It

Any Idea?

ITWhisperer · ‎05-28-2021

OK you need to qualify the tr class as highlighted and you need to have row level drilldown.

          tr.highlighted td
          {
            color: yellow !important;
            background-color: red !important;
          }

marceloalejandr · ‎11-03-2021

Greetings,

I hope you all don't mind if I somewhat hijack this message with my question regarding drilldowns. We have a requirement for a dashboard containing multiple lookup files. We're able to reference one drilldown report. How do we reference multiple (total 9) drilldown reports?

Thanks advance for your help.

ITWhisperer · ‎05-27-2021

You need something like this in your style block:

          tr td:hover
          {
            color: yellow !important;
            background-color: red !important;
          }

You may want to qualify this with the id of the panel/table so it doesn't get applied to all tables.

DanielSp · ‎05-28-2021

Replied below, thanks

Change hover highlight row table drilldown

CSS

drilldown

table

Database Performance Sidebar Panel Now on APM Database Query Performance & Service ...

IM Landing Page Filter - Now Available

Dynamic Links from Alerts to IM Navigators - New in Observability Cloud