Solved: 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

Accelerating Observability as Code with the Splunk AI Assistant

Integrating Splunk Search API and Quarto to Create Reproducible Investigation ...

Congratulations to the 2025-2026 SplunkTrust!

Join the Conversation