The line setting shadow style in the table of antd is invalid, how to solve it?

use the table component of antd. At first, I want to use the API given to onRow, but it doesn"t work, so I use global to directly overwrite the style. There is no problem in setting height, background color, and so on, but it does not display after setting shadow. But if I set the shading property of the cell, it will take effect. Why?
I just want a whole row shaded.

this is the effect after shadows are now set, but it has no effect



...( border

=============

border-collapseseparate
collapsetableborder

what the heck is this.

Aug.12,2021

tr:hover{
    cursor: pointer;
    position: relative;
    z-index: 2;
    box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.04), 0px 6px 18px rgba(0, 0, 0, 0.06);
  }
Menu