Child Rows - the expand icon is hidden when mouse is over row

tnthieu

Link to test case: https://datatables.net/release-datatables/examples/api/row_details.html
Debugger code (debug.datatables.net):
Error messages shown:
Description of problem:
Hello

I do the same as the example for parent/child rows. But when I mouse over a row, the expand (+) icon is hidden. Do you know why?
After I expand the row, it show the minus icon. When I mouse over the row with minus icon, the icon is not hidden.

Thank you

tnthieu

sorry, i found out that because I used
.table-hover tr:hover td {
background: #f4f9fc;
}
Is there a way that I can change the background and use the child row?

Thanks

kthorngren

I think you will want to use the CSS :not() selector, something like this:

tr:hover td:not(.details-control) {
  background: #f4f9fc;
}

Kevin

tnthieu

thank you