how to highlight the row in a table except the parent row?

Question

I have a table, that inside the tbody has another table. Every time I hover over the body, all the body highlights. I want to remove this, and just make it work per row.

Here is an example of what I am doing

I tried using css in my element

pointer: none;

But this just hides the pointer

Answer 1

You just need to not have the "table-hover" class on the outer table.